Zum Inhalt springen

@capgo/capacitor-youtube-player

YouTube-Videos mit voller API Steuerung und Event-Handling einbetten

YouTube-Videos mit voller API Steuerung und Event-Handling einbetten

Starte mit initialize() und die weiteren unten aufgeführten Core-Methoden.

PlattformSupportHinweise
iOSJaNative
AndroidJaNative
WebNeinAbsichern mit Capacitor.getPlatform()
  • initialize - Eine neue YouTube-Player-Instanz initialisieren.
  • destroy - Eine Player-Instanz zerstören und Ressourcen freigeben.
  • stopVideo - Die Videowiedergabe stoppen und das Laden abbrechen. Sparsam einsetzen – pauseVideo() ist meist besser.
  • playVideo - Das aktuell vorgemerkte oder geladene Video abspielen. Der finale Player-Status ist PLAYING (1).
MethodeBeschreibung
initializeInitialisiert eine neue YouTube-Player-Instanz.
destroyZerstört eine Player-Instanz und gibt Ressourcen frei.
stopVideoStoppt die Videowiedergabe und bricht das Laden ab. Sparsam verwenden – pauseVideo() ist meist besser.
playVideoSpielt das aktuell vorgemerkte oder geladene Video ab. Der Endzustand ist PLAYING (1).
pauseVideoPausiert das aktuell laufende Video. Der Endzustand ist PAUSED (2), sofern nicht bereits ENDED (0).
seekToSpringt zu einer bestimmten Zeit im Video. Bleibt bei pausiertem Player pausiert. Spielt bei laufendem Player weiter.
loadVideoByIdLädt und spielt ein Video anhand der YouTube-ID.
cueVideoByIdVormerken eines Videos per ID ohne Abspielen. Lädt Thumbnail und bereitet Player vor, startet Video aber erst bei playVideo().
loadVideoByUrlEin Video über die vollständige URL laden und abspielen.
cueVideoByUrlEin Video per URL vorbereiten, ohne es abzuspielen.
cuePlaylistEine Playlist vormerken, ohne sie abzuspielen. Lädt die Playlist und bereitet das erste Video vor.
loadPlaylistPlaylist laden und abspielen.
nextVideoDas nächste Video der Playlist abspielen.
previousVideoDas vorherige Video der Playlist abspielen.
playVideoAtEin bestimmtes Video per Index abspielen.
mutePlayer-Audio stummschalten.
unMutePlayer-Audio wieder einschalten.
isMutedPrüfen, ob der Player stummgeschaltet ist.
setVolumeLautstärke des Players festlegen.
getVolumeGet the current player volume level. Returns volume even if player is muted.
setSizePlayer-Dimensionen in Pixeln festlegen.
getPlaybackRateAktuelle Wiedergabegeschwindigkeit abrufen.
setPlaybackRateWiedergabegeschwindigkeit festlegen.
getAvailablePlaybackRatesListe der verfügbaren Wiedergabegeschwindigkeiten für das aktuelle Video abrufen.
setLoopPlaylist-Looping aktivieren oder deaktivieren. Wenn aktiviert, startet die Playlist nach dem letzten Video neu.
setShufflePlaylist-Shuffle aktivieren oder deaktivieren.
getVideoLoadedFractionGibt den Anteil des Videos an, der bereits gepuffert wurde. Zuverlässiger als die veralteten Methoden getVideoBytesLoaded/getVideoBytesTotal.
getPlayerStateDen aktuellen Status des Players abrufen.
getAllPlayersEventsStateEvent-States für alle aktiven Player abrufen. Nützlich zum Tracking mehrerer Player-Instanzen.
getCurrentTimeDie aktuelle Wiedergabeposition in Sekunden abrufen.
toggleFullScreenDen Vollbildmodus ein- oder ausschalten.
getPlaybackQualityDie aktuelle Wiedergabequalität abrufen.
setPlaybackQualityDie empfohlene Wiedergabequalität festlegen. Die tatsächliche Qualität kann je nach Netzwerkbedingungen variieren.
getAvailableQualityLevelsListe der verfügbaren Qualitätsstufen für das aktuelle Video abrufen.
getDurationDie Dauer des aktuellen Videos in Sekunden abrufen.
getVideoUrlDie YouTube.com-URL des aktuellen Videos abrufen.
getVideoEmbedCodeRuft den Embed code für das aktuelle Video ab. Gibt den HTML-iframe-Embed code zurück.
getPlaylistEin Array der Video-IDs in der aktuellen Playlist abrufen.
getPlaylistIndexDen Index des aktuell abgespielten Videos in der Playlist abrufen.
getIframeRuft das iframe-DOM-Element des Players ab. Nur für Web-Plattformen.
addEventListenerFügt dem Player einen Event Listener hinzu. Nur für Web-Plattformen.
removeEventListenerEntfernt den Event Listener vom Player. Nur für Web-Plattformen.
getPluginVersionRuft die Plugin-Versionsnummer ab. Gibt plattformspezifische Versionsinformationen zurück.

Diese Referenz wird synchronisiert von src/definitions.ts in capacitor-youtube-player.

Wenn Sie ... verwenden @capgo/capacitor-youtube-player um die Arbeit an Native Plugins zu planen, verbinde es mit Verwendung von @capgo/capacitor-youtube-player für die native Funktion in „Verwendung von @capgo/capacitor-youtube-player“, Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, Plugins hinzufügen oder aktualisieren für die Implementierungsdetails unter Plugins hinzufügen oder aktualisieren, und Ionic Enterprise Plugin-Alternativen für den Produkt-Workflow bei Ionic Enterprise Plugin-Alternativen.