Pasar al contenido principal
Volver a plugins
@capgo/capacitor-reproductor-de-youtube
Tutorial
@capgo/capacitor-reproductor-de-youtube

Reproductor de YouTube

Embed YouTube videos with full player API control and event handling

Guía

Tutoriales sobre Reproductor de YouTube

Probar en dispositivo

Descargar la aplicación Capgo, luego escanea el código QR code.

Enlace QR de vista previa del plugin de reproductor de YouTube code

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

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.