Saltare al contenuto principale
Torna ai plugin
@capgo/capacitor-player-di-YouTube
Istruzioni
@capgo/capacitor-player-di-YouTube

Player di YouTube

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

Guida

Tutoriale sul lettore YouTube

Testare sul dispositivo

Scarica l'app Capgo, poi scansione il QR code.

Collegamento QR di anteprima del plugin YouTube Player code

Utilizza @capgo/capacitor-youtube-player

Plugin YouTube Player per Capacitor. Fornisce metodi per controllare la riproduzione dei video di YouTube nel tuo'applicazione.

Installa

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

Cos'è questo plugin

  • initialize - Inizializza una nuova istanza del player YouTube.
  • destroy - Distruggi un'istanza del player e libera le risorse.
  • stopVideo - Fermi 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 Referente WebView Principale

Abilita patchRefererHeader quando il contenuto di YouTube funziona nel plugin ma fallisce dalla WebView principale di Capacitor perché YouTube aspetta un browser simile Referer header.

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

La patch si applica solo a youtube.com, youtube-nocookie.com, e youtu.be richieste. I header esistenti a livello di richiesta sono preservati, e Referer defaults a refererHeader quando omesso. https://www.youtube.com Esempio di Utilizzo

Inizializza una nuova istanza del player di YouTube.

initialize

Enable

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

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

destroy

Distruggi un'istanza di player e libera le risorse.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

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

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

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

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

Riferimento Completo

Continua a utilizzare @capgo/capacitor-player-di-youtube

Se stai utilizzando Utilizza @capgo/capacitor-player-di-youtube per pianificare il comportamento dei media nativi e dell'interfaccia, collega @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-player-di-youtube @capgo/capacitor-youtube-player per il dettaglio di implementazione in @capgo/capacitor-youtube-player, Iniziare per il dettaglio di implementazione in Iniziare, Utilizzo di @capgo/capacitor-live-attività per la capacità nativa in Utilizzo di @capgo/capacitor-live-attività, @capgo/capacitor-live-attività per il dettaglio di implementazione in @capgo/capacitor-live-attività, e Utilizzo di @capgo/capacitor-video-player per la capacità nativa in Utilizzo di @capgo/capacitor-video-player.