Saltare al contenuto principale
Torna ai plugin
@capgo/capacitor-youtube-player
Tutorial
@capgo/capacitor-youtube-player

YouTube Player

Inserisci video YouTube con il controllo completo del player e la gestione degli eventi API

Guida

Tutorial su YouTube Player

Utilizzo di @capgo/capacitor-youtube-player

Interfaccia del plugin YouTube Player per Capacitor. Fornisce metodi per controllare la riproduzione dei video YouTube nel tuo'app.

Installa

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

Cosa Questo Plugin Espone

  • initialize - Inizializza una nuova istanza del player di YouTube.
  • destroy - Distruggi un'istanza del player e libera le risorse.
  • stopVideo - Ferma la riproduzione del video e annulla il caricamento. Utilizza questo con parsimonia - pauseVideo() è spesso preferito.
  • playVideo - Riproduci il video attualmente caricato o caricabile. Lo stato finale del player sarà PLAYING (1).

Patch di Referente per WebView Principale

Abilita patchRefererHeader quando il contenuto di YouTube funziona nel plugin ma fallisce nel WebView principale di Capacitor perché YouTube aspetta un header come in un browser. Referer Il patch si applica solo a

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

, e youtube.com, youtube-nocookie.come youtu.be richieste. Le richieste di livello sono preservate, e Referer si attiva per default quando omesso. refererHeader Esempio di utilizzo https://www.youtube.com Inizializza una nuova istanza del player YouTube.

Distruggi un'istanza del player e libera le risorse.

initialize

Ferma la riproduzione del video e annulla il caricamento. Utilizza questo con parsimonia - pauseVideo() è spesso preferito.

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

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

destroy

Riproduci il video attualmente caricato o caricabile. Lo stato finale del player sarà PLAYING (1).

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

Riferimento completo

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

__CAPGO_KEEP_0__:

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

https://__CAPGO_KEEP_0__.com/Cap-go/__CAPGO_KEEP_1__-player-YouTube/

Continua da Utilizza @capgo/capacitor-youtube-player

Se stai utilizzando Utilizza @capgo/capacitor-youtube-player per pianificare il comportamento dei media nativi e dell'interfaccia, connettilo con @capgo/capacitor-youtube-player per i dettagli di implementazione in @capgo/capacitor-youtube-player, Avvio per i dettagli di implementazione in Avvio, Utilizza @capgo/capacitor-live-activities per la capacità nativa in Utilizza @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per i dettagli di implementazione in @capgo/capacitor-live-attività, e Utilizza @capgo/capacitor-player-video per la capacità nativa in Utilizza @capgo/capacitor-player-video.