Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/capacitor-youtube-player
Anleitung
@capgo/capacitor-youtube-player

YouTube-Player

Embed YouTube videos with full player API control and event handling

Anleitung

Tutorial zum YouTube-Player

Auf Gerät testen

Laden Sie die Capgo-App herunter, dann scannen Sie das QR-Code code.

QR-Link für die YouTube-Player-Plugin-Vorschau code

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ält

  • initialize - Eine neue Instanz des YouTube-Players initialisieren.
  • destroy - Eine Spielerinstanz zerstören und Ressourcen freigeben.
  • stopVideo - Die Videoabspielung 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 wenn YouTube-Inhalte im Plugin funktionieren, aber aus der Haupt-WebView von Capacitor fehlschlagen, weil YouTube einen Browser-ähnlichen Referer Header erwartet.

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

Der Patch gilt nur für youtube.com, youtube-nocookie.comund youtu.be Anfragen. Bestehende Anfrage-Ebene Referer Header werden beibehalten, und refererHeader defaults zu https://www.youtube.com wenn nicht angegeben.

Beispielhafte Verwendung

initialize

Initialisieren Sie eine neue YouTube-Player-Instanz.

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

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

destroy

Zerstören Sie eine Spielerinstanz und freigeben Sie Ressourcen.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

Beenden Sie die Videoabspielung und stornieren Sie die Ladevorgänge. Verwenden Sie dies sparsam - pauseVideo() wird normalerweise bevorzugt.

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

Abspielen Sie das derzeit angezeigte oder geladene Video. Der endgültige Spielerzustand wird auf PLAYING (1) gesetzt.

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

Vollständige Referenz

Fortsetzen Sie mit der Verwendung von @capgo/capacitor-youtube-player

Wenn Sie die Verwendung von Verwendung von @capgo/capacitor-youtube-player um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-youtube-player für die Implementierungsdetails in @capgo/capacitor-youtube-player, Einstieg für die Implementierungsdetails in Einstieg, Verwendung von @capgo/capacitor-live-aktivitäten für die native Fähigkeit in Verwendung von @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten für die Implementierungsdetails in @capgo/capacitor-live-aktivitäten und Verwendung von @capgo/capacitor-video-player für die native Fähigkeit in Verwendung von @capgo/capacitor-video-player.