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 con este plugin?

• initialize - Inicializar una nueva instancia del reproductor de YouTube.
• destroy - Destruir una instancia del reproductor y liberar recursos.
• stopVideo - Detener la reproducción de video y cancelar la carga. Utiliza esto con moderación - pauseVideo() es preferido generalmente.
• playVideo - Reproducir el video actualmente cedido o cargado. El estado final del reproductor será REPRODUCIENDO (1).

Patch de Referencia de WebView principal

Habilitar patchRefererHeader When el contenido de YouTube funciona en el plugin pero falla desde la WebView principal de Capacitor porque YouTube espera un navegador como Referer El encabezado.

{
  "plugins": {
    "YoutubePlayer": {
      "patchRefererHeader": true,
      "refererHeader": "https://www.youtube.com"
    }
  }
}

La corrección solo se aplica a youtube.com, youtube-nocookie.comy youtu.be las solicitudes. Los encabezados de solicitud existentes se preservan, y Referer por defecto cuando se omite. refererHeader Uso de ejemplo https://www.youtube.com Inicialice una nueva instancia del reproductor de YouTube.

Destruir una instancia del reproductor y liberar recursos.

initialize

Detener la reproducción de video y cancelar la carga. Utilice esto con moderación - pauseVideo() es preferido generalmente.

import { YoutubePlayer } from '@capgo/capacitor-youtube-player';

await YoutubePlayer.initialize({
  playerId: 'my-player',
  videoId: 'dQw4w9WgXcQ',
  playerSize: { width: 640, height: 360 },
  privacyEnhanced: true
});

destroy

Detener la reproducción de video y cancelar la carga. Utilice esto con moderación - pauseVideo() es preferido generalmente.

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 generalmente.

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-youtube-player/
• Documentación: /docs/plugins/youtube-player/

Sigue adelante desde Usando @capgo/capacitor-youtube-player

Si estás utilizando Usando @capgo/capacitor-youtube-player para planificar la conducta de medios nativos e interfaces, conecta con @capgo/capacitor-youtube-player para los detalles de implementación en @capgo/capacitor-youtube-player, Iniciación para los detalles de implementación en Getting Started, 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-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.