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

Player di YouTube

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

Guida

Tutorial su YouTube Player

Testa sul dispositivo

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

Collegamento QR anteprima del plugin del lettore YouTube code

Usando @capgo/capacitor-youtube-player

L'interfaccia del plugin del lettore YouTube per Capacitor. Fornisce metodi per controllare la riproduzione dei video di YouTube nel tuo'app.

Installa

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

Cosa questo plugin espone

  • initialize - Inizializza una nuova istanza del lettore YouTube.
  • destroy - Distruggi un'istanza del lettore 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 caricato. Lo stato finale del lettore sarà PLAYING (1).

Patch del referente della finestra del web principale

Abilita patchRefererHeader When il contenuto di YouTube funziona nel plugin ma fallisce dal WebView principale di Capacitor perché YouTube aspetta un browser simile. Referer Intestazione.

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

La patch si applica solo a youtube.com, youtube-nocookie.com, e youtu.be le richieste. Le intestazioni di richiesta esistenti sono preservate, e Referer si applica per impostazione predefinita quando non viene specificato. refererHeader Esempio di utilizzo https://www.youtube.com Inizializza una nuova istanza del player di 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

Distruggi un'istanza del player e libera le risorse.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

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.stopVideo({} as PlayerIdOptions);

playVideo

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

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

Riferimento completo

Continua da Utilizza @capgo/capacitor-player-di-youtube

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