Richtlinie
Tutorial auf YouTube Player
Verwendung von @capgo/capacitor-youtube-player
YouTube Player-Plugin-Interface für Capacitor. Bietet Methoden zum Steuern des YouTube-Videowiedergangs in Ihrer App.
Installieren
bun add @capgo/capacitor-youtube-player
bunx cap sync
Was dieses Plugin enthüllt
initialize- Eine neue Instanz des YouTube-Players initialisieren.destroy- Eine Spielerinstanz zerstören und Ressourcen freigeben.stopVideo- Video-Wiedergabe stoppen und das Laden stornieren. Verwenden Sie dies sparsam - pauseVideo() wird normalerweise bevorzugt.playVideo- Das derzeit angezeigte oder geladene Video abspielen. Der endgültige Spielerzustand wird auf PLAYING (1) gesetzt.
Haupt-WebView-Referer-Patch
Aktivieren patchRefererHeader When YouTube-Inhalte funktionieren im Plugin, aber aus Capacitor's Haupt-WebView fehlschlagen, weil YouTube einen browserartigen Erwartungen hat. Referer Überschrift.
{
"plugins": {
"YoutubePlayer": {
"patchRefererHeader": true,
"refererHeader": "https://www.youtube.com"
}
}
}
Der Patch gilt nur für youtube.com, youtube-nocookie.comund youtu.be Anforderungen. Bestehende Anforderungs-Eigenschaften werden beibehalten, und Referer defaults zu refererHeader wenn nicht angegeben. https://www.youtube.com Beispiel zur Verwendung
Eine neue Instanz des YouTube-Players initialisieren.
initialize
Eine Spieler-Instanz zerstören und Ressourcen freigeben.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.initialize({
playerId: 'my-player',
videoId: 'dQw4w9WgXcQ',
playerSize: { width: 640, height: 360 },
privacyEnhanced: true
});
destroy
Video-Abspiel stoppen und das Laden abbrechen. Verwenden Sie dies sparsam - pauseVideo() wird normalerweise bevorzugt.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.destroy({} as PlayerIdOptions);
stopVideo
Header.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.stopVideo({} as PlayerIdOptions);
playVideo
Spielen Sie das derzeit angezeigte oder geladene Video. Der Endzustand des Spielers wird zu PLAYING (1) sein.
import { YoutubePlayer } from '@capgo/capacitor-youtube-player';
await YoutubePlayer.playVideo({} as PlayerIdOptions);
Vollständige Referenz
- GitHub: https://github.com/Cap-go/capacitor-youtube-player/
- Dokumentation: /docs/plugins/youtube-player/
Bleiben Sie bei der Verwendung von @capgo/capacitor-youtube-player
Wenn Sie native Medien und Schnittstellenverhalten planen, verbinden Sie es mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-player Verwenden Sie @capgo/capacitor-youtube-player Um die Implementierungsdetails in @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-player zu erhalten, @capgo/capacitor-youtube-player Wenn Sie native Medien und Schnittstellenverhalten planen, verbinden Sie es mit @capgo/capacitor-youtube-player für die Implementierungsdetails. Wenn Sie native Medien und Schnittstellenverhalten planen, verbinden Sie es mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-youtube-player für die Implementierungsdetails. für die Implementierungsdetails in Getting Started, Mit @capgo/capacitor-live-aktivitäten für die native Fähigkeit in Mit @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten für die Implementierungsdetails in @capgo/capacitor-live-aktivitäten und Mit @capgo/capacitor-video-player für die native Fähigkeit in Mit @capgo/capacitor-video-player.