YouTube Player Capacitor Plugin

Mit @capgo/capacitor-youtube-player

YouTube Player Plugin Interface für Capacitor. Bietet Methoden zur Steuerung der YouTube-Videowiedergabe in deiner App.

Installieren

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

Was dieses Plugin bereitstellt

• initialize - Eine neue YouTube-Player-Instanz initialisieren.
• destroy - Eine Player-Instanz zerstören und Ressourcen freigeben.
• stopVideo - Videowiedergabe stoppen und Laden abbrechen. Sparsam verwenden – pauseVideo() ist meist besser.
• playVideo - Spielt das aktuell vorgemerkte oder geladene Video ab. Der finale Player-Status ist PLAYING (1).

Main WebView Referer Patch

Aktivieren patchRefererHeader wenn YouTube-Inhalte im Plugin funktionieren, aber in der Haupt-WebView von Capacitor fehlschlagen, weil YouTube ein browserähnliches Verhalten erwartet Referer header.

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

Der Patch gilt nur für youtube.com, youtube-nocookie.com, und youtu.be Requests. Bestehende Header auf Referer Request-Ebene bleiben erhalten, und refererHeader ist standardmäßig https://www.youtube.com wenn weggelassen.

Anwendungsbeispiel

initialize

Initialisiert 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ört eine Player-Instanz und gibt Ressourcen frei.

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

const result = await YoutubePlayer.destroy({ playerId: 'player-id-123' });
console.log(result);

stopVideo

Videowiedergabe stoppen und Laden abbrechen. Sparsam einsetzen – pauseVideo() ist meist besser.

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

const result = await YoutubePlayer.stopVideo({ playerId: 'player-id-123' });
console.log(result);

playVideo

Das aktuell vorgemerkte oder geladene Video abspielen. Der Endzustand des Players ist PLAYING (1).

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

const result = await YoutubePlayer.playVideo({ playerId: 'player-id-123' });
console.log(result);

Vollständige Referenz

• GitHub: https://github.com/Cap-go/capacitor-youtube-player/
• Docs: /docs/plugins/youtube-player/

Weiter mit Nutzung von @capgo/capacitor-youtube-player

Wenn du es nutzt Nutzung von @capgo/capacitor-youtube-player , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-youtube-player für die Implementierungsdetails in @capgo/capacitor-youtube-player, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Verwendung von @capgo/capacitor-video-player für die native Funktionalität in „Verwendung von @capgo/capacitor-video-player.“