Zum Hauptinhalt springen
Capgo-Logo
Zurück zu Plugins
@capgo/capacitor-youtube-player
Tutorial
von github.com/Cap-go

YouTube Player

YouTube-Videos mit vollständiger Spieler-API-Steuerung und Ereignis-Handling einbetten

Downloads/Woche

4.1k

GitHub Sterne

6

Richtlinie

Tutorial auf YouTube-Player

Mit @capgo/capacitor-youtube-player verwenden

YouTube-Player-Plugin-Interface für Capacitor. Bietet Methoden zum Steuern des YouTube-Videostreams in Ihrer App.

Installieren

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

Was diese Erweiterung bereitstellt

  • 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.

Beispiel für die Verwendung

initialize

Eine neue Instanz des YouTube-Players initialisieren.

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

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

destroy

Eine Spielerinstanz zerstören und Ressourcen freigeben.

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

Die Videoabspielung stoppen und das Laden stornieren. Verwenden Sie dies sparsam - pauseVideo() wird normalerweise bevorzugt.

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

Das derzeit angezeigte oder geladene Video abspielen. Der endgültige Spielerzustand wird auf PLAYING (1) gesetzt.

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

Vollständige Referenz

Weiter geht es von Using @capgo/capacitor-youtube-player

Wenn Sie bereits verwenden Verwenden Sie @capgo/capacitor-youtube-player um native Medien und Schnittstellenverhalten zu planen und zu verbinden, verbinden Sie es mit @capgo/capacitor-youtube-player für die Implementierungsdetails in @capgo/capacitor-youtube-player Einstieg für die Implementierungsdetails in Einstieg Verwenden Sie @capgo/capacitor-live-activities für die native Fähigkeit in Verwenden @capgo/capacitor-live-activities @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.