Joueur de YouTube plugin Capacitor

Utilisation de @capgo/capacitor-youtube-player

Interface du plugin YouTube Player pour Capacitor. fournit des méthodes pour contrôler la lecture vidéo YouTube dans votre application.

Installer

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

Ce que ce plugin expose

• initialize - Initialiser une nouvelle instance de lecteur YouTube.
• destroy - Détruire une instance de lecteur et libérer les ressources.
• stopVideo - Arrêter la lecture vidéo et annuler la charge. Utilisez cela avec parcimonie - pauseVideo() est généralement préféré.
• playVideo - Jouez la vidéo actuellement affichée ou chargée. L'état final du lecteur sera PLAYING (1).

Patch de référentiel principal de WebView

Activer patchRefererHeader lorsque le contenu YouTube fonctionne dans le plugin mais échoue depuis la vue principale de Capacitor car YouTube attend un navigateur similaire Referer header.

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

La mise à jour ne s'applique qu'à youtube.com, youtube-nocookie.com, and youtu.be demandes. Demande existante Referer lorsqu'il est omis. refererHeader par défaut https://www.youtube.com lorsqu'il est omis.

Utilisation d'Exemple

initialize

Initialisez une nouvelle instance de lecteur YouTube.

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

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

destroy

Détruirez une instance de lecteur et libérez les ressources.

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

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

stopVideo

Arrêtez la lecture vidéo et annulez la charge. Utilisez cela avec parcimonie - pauseVideo() est généralement préféré.

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

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

playVideo

Lancez la vidéo actuellement chargée ou prête à jouer. L'état final du lecteur sera PLAYING (1).

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

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

Référence complète

• GitHub: https://github.com/Capgo/capacitor-player-youtube
• Documents : /docs/plugins/youtube-player/

Continuez à partir de l'utilisation de @capgo/capacitor-youtube-player

Si vous utilisez L'utilisation de @capgo/capacitor-youtube-player pour planifier le comportement de médias natifs et d'interface, connectez-l’avec @capgo/capacitor-youtube-player pour les détails d'implémentation dans @capgo/capacitor-youtube-player Getting Started pour les détails d'implémentation dans Démarrage Utilisation de @capgo/capacitor-activités-en-ligne pour la capacité native dans Utilisation de @capgo/capacitor-activités-en-ligne @capgo/capacitor-activités-en-ligne pour les détails d'implémentation dans @capgo/capacitor-activités-en-ligne, et Utilisation de @capgo/capacitor-joueur-de-videos pour la capacité native dans Utilisation de @capgo/capacitor-joueur-de-videos.