Guía
Tutoriales sobre Reproductor de YouTube
Usando @capgo/capacitor-reproductor-de-youtube
YouTube Player Plugin interface for Capacitor. Provides methods to control YouTube video playback in your app.
Instalar
bun add @capgo/capacitor-youtube-player
bunx cap sync
¿Qué se expone en este plugin?
initialize- Inicializa una nueva instancia del reproductor de YouTube.destroy- Destruye una instancia del reproductor y libera recursos.stopVideo- Detiene la reproducción de video y cancela la carga. Utiliza esto con moderación - pauseVideo() es preferible en la mayoría de los casos.playVideo- Reproduce el video actualmente programado o cargado. El estado final del reproductor será REPRODUCIENDO (1).
Parche de Referencia de WebView Principal
Habilitar patchRefererHeader cuando el contenido de YouTube funciona en el plugin pero falla desde la WebView principal de Capacitor porque YouTube espera un navegador como Referer cabecera.
{
"plugins": {
"YoutubePlayer": {
"patchRefererHeader": true,
"refererHeader": "https://www.youtube.com"
}
}
}
El parche solo se aplica a youtube.com, youtube-nocookie.comy youtu.be solicitudes. Los encabezados de solicitud existentes se preservan, y Referer por defecto cuando se omite. refererHeader Ejemplo de Uso https://www.youtube.com Iniciar una nueva instancia de jugador de YouTube.
when omitted.
initialize
when omitted.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.initialize({
playerId: 'my-player',
videoId: 'dQw4w9WgXcQ',
playerSize: { width: 640, height: 360 },
privacyEnhanced: true
});
destroy
Destruir una instancia de jugador y liberar recursos.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.destroy({} as PlayerIdOptions);
stopVideo
Detener la reproducción de video y cancelar la carga. Utilice esto con moderación - pauseVideo() es preferido en la mayoría de los casos.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.stopVideo({} as PlayerIdOptions);
playVideo
Reproducir el video actualmente cedido o cargado. El estado final del jugador será REPRODUCIENDO (1).
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.playVideo({} as PlayerIdOptions);
Referencia Completa
- GitHub: https://github.com/Cap-go/capacitor-reproductor-de-youtube/
- Documentación: /docs/plugins/reproductor-de-youtube/
Siga adelante desde Usando @capgo/capacitor-reproductor-de-youtube
Si está utilizando Usando @capgo/capacitor-reproductor-de-youtube para planificar el comportamiento de medios nativos e interfaces, conecte con @capgo/capacitor-reproductor-de-youtube para los detalles de implementación en @capgo/capacitor-reproductor-de-youtube, Inicio para los detalles de implementación en Inicio, Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para los detalles de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-video para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-video.