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 - 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.
playVideo - Reproduce 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 parche solo se aplica a

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

, y youtube.com, youtube-nocookie.comlas solicitudes. Los encabezados de solicitud existentes se preservan, y youtu.be por defecto cuando se omite. Referer Uso de Ejemplo refererHeader Inicialice una nueva instancia del reproductor de YouTube. https://www.youtube.com Destruir una instancia del reproductor y liberar recursos.

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

`initialize`

Initialize a new YouTube player instance.

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

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

`destroy`

Destroy a player instance and free resources.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

`stopVideo`

Stop video playback and cancel loading. Use this sparingly - pauseVideo() is usually preferred.

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, Using @capgo/capacitor-live-activities for the native capability in Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities for the implementation detail in @capgo/capacitor-live-activities, and Using @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player.

Reproductor de YouTube

Tutoriales de Reproductor de YouTube