Usando @capgo/capacitor-youtube-player

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 - 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 preferido generalmente.
playVideo - Reproduce 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 el WebView principal de Capacitor porque YouTube espera un navegador similar Referer encabezado.

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

La parche solo se aplica a youtube.com, youtube-nocookie.comy youtu.be solicitudes. Se preservan los encabezados de solicitud existentes, y Referer por defecto cuando se omite. refererHeader Ejemplo de uso https://www.youtube.com Iniciar 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`

]}

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

`stopVideo`

header

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/

Sigue adelante desde Usando @capgo/capacitor-reproductor-de-youtube

Si estás utilizando Usando @capgo/capacitor-reproductor-de-youtube para planificar el comportamiento de medios nativos e interfaces, conecta con @capgo/capacitor-reproductor-de-youtube para obtener detalles de implementación en @capgo/capacitor-reproductor-de-youtube Inicio For el detalle de implementación en Getting Started, Usando @capgo/capacitor-actividades-en-vivo For la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo For el detalle de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-videos For la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.

Reproductor de YouTube

Tutorial de Reproductor de YouTube