Guida
Come utilizzare il player di YouTube in Capacitor
Utilizza @capgo/capacitor-youtube-player
Plugin YouTube Player 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 player di YouTube.destroy- Distruggi un'istanza del player e libera le risorse.stopVideo- Fermare la riproduzione del video e cancellare il caricamento. Utilizzalo con parsimonia - fermareVideo() è 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 dal WebView principale di Capacitor perché YouTube richiede un browser simile Referer header.
{
"plugins": {
"YoutubePlayer": {
"patchRefererHeader": true,
"refererHeader": "https://www.youtube.com"
}
}
}
Il patch si applica solo a youtube.com, youtube-nocookie.com, and youtu.be richieste. Richieste esistenti Referer testi di intestazione sono preservati, e refererHeader predefinito su https://www.youtube.com quando è omesso.
Esempio di utilizzo
initialize
Inizializza un nuovo istanza del player YouTube.
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';
const result = await YoutubePlayer.destroy({ playerId: 'player-id-123' });
console.log(result);
stopVideo
Sospendi la riproduzione del video e annulla il caricamento. Utilizza questo con parsimonia - pauseVideo() è spesso preferito.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.stopVideo({ playerId: 'player-id-123' });
console.log(result);
playVideo
Riproduci il video attualmente caricato o caricato. Lo stato finale del player sarà PLAYING (1).
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
const result = await YoutubePlayer.playVideo({ playerId: 'player-id-123' });
console.log(result);
Riferimento completo
- GitHub: https://github.com/Cap-go/capacitor-player-del-youtube/
- Documentazione: /docs/plugins/player-del-youtube/
Continua con l'utilizzo di @capgo/capacitor-youtube-player
Se stai utilizzando L'utilizzo di @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 Guida introduttiva per i dettagli di implementazione in Guida introduttiva L'utilizzo di @capgo/capacitor-live-activities per la capacità nativa in L'utilizzo di @capgo/capacitor-live-activities @capgo/capacitor-attività-in-vivo per i dettagli di implementazione in @capgo/capacitor-live-activities e Utilizza @capgo/capacitor-video-player per la capacità nativa in Utilizza @capgo/capacitor-video-player.