Saltar al contenido principal
Volver a plugins
@capgo/capacitor-youtube-player
Tutoriales
@capgo/capacitor-youtube-player

Reproductor de YouTube

Incorpora videos de YouTube con controlador completo y manejo de eventos API

Guía

Tutorial de YouTube Player

Usando @capgo/capacitor-youtube-player

Interfaz del plugin de reproductor de YouTube 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é Esta Plugin Exposa

  • initialize - Inicializa una nueva instancia del reproductor de YouTube.
  • destroy - Destruye una instancia del reproductor y libera recursos.
  • stopVideo - Detener la reproducción de video y cancelar la carga. Utilice esto con moderación - pauseVideo() es preferido generalmente.
  • playVideo - Reproduce el video actualmente cedido 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 Capacitor's WebView principal porque YouTube espera un encabezado como de navegador. Referer El parche solo se aplica a

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

y youtube.com, youtube-nocookie.comy youtu.be Solicitudes. Los encabezados de solicitud existentes se preservan, y Referer defaults a refererHeader cuando se omite. https://www.youtube.com Ejemplo de uso

Inicialice una nueva instancia del reproductor de YouTube.

initialize

Destruir una instancia del reproductor y liberar recursos.

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

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

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

Referencia completa

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

__CAPGO_KEEP_0__:

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

Si estás utilizando Using @capgo/capacitor-youtube-player para planificar el comportamiento de medios y interfaz nativa, conecta con @capgo/capacitor-youtube-player para obtener detalles de implementación en @capgo/capacitor-youtube-player, Inicio para obtener detalles de implementación en Inicio, Using @capgo/capacitor-live-activities para la capacidad nativa en Using @capgo/capacitor-live-activities, @capgo/capacitor-live-activities 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