Reproductor de YouTube plugin de Capacitor

Usando @capgo/capacitor-youtube-player

Interfaz del plugin de YouTube Player para Capacitor. Proporciona métodos para controlar la reproducción de videos de YouTube en tu aplicación.

Instalar

bun add @capgo/capacitor-youtube-player
bunx cap sync

¿Qué se expone en este plugin?

• initialize - Inicialice una nueva instancia del reproductor de YouTube.
• destroy - Destruir una instancia de reproductor y liberar recursos.
• stopVideo Detener la reproducción de video y cancelar la carga. Utilízalo con moderación - detener la reproducción de video() es lo habitual.
• playVideo - Reproducir el video actualmente programado o cargado. El estado final del reproductor será REPRODUCIENDO (1).

Parche de Referente 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 header.

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

La actualización solo se aplica a youtube.com, youtube-nocookie.com, and youtu.be solicitudes. Solicitud existente Referer Los encabezados se preservan, y refererHeader defaults a https://www.youtube.com cuando se omite.

Uso de Ejemplo

initialize

Inicialice una nueva instancia del reproductor de YouTube.

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 del reproductor y liberar recursos.

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

const result = await YoutubePlayer.destroy({ playerId: 'player-id-123' });
console.log(result);

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';

const result = await YoutubePlayer.stopVideo({ playerId: 'player-id-123' });
console.log(result);

playVideo

Reproducir el video actualmente programado o cargado. El estado final del reproductor será REPRODUCIENDO (1).

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

const result = await YoutubePlayer.playVideo({ playerId: 'player-id-123' });
console.log(result);

Referencia Completa

• GitHub: https://github.com/Cap-go/capacitor-reproductor-de-youtube/
• Documentación: /docs/plugins/reproductor-de-youtube/

Continúa desde @capgo/capacitor-youtube-player

Si estás utilizando Utilizando @capgo/capacitor-youtube-player para planificar el comportamiento de medios y interfaz nativa, conecta con @capgo/capacitor-youtube-player para el detalle de implementación en @capgo/capacitor-youtube-player, Getting Started para el detalle de implementación en Inicio, Utilizando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Utilizando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para el detalle 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.