Aller directement au contenu principal
Retour aux plugins
@capgo/capacitor-player-youtube
Tutoriel
@capgo/capacitor-player-youtube

YouTube Player

Intégrez des vidéos YouTube avec un contrôle et une gestion d'événements complets du lecteur API

Guide

Guide sur le lecteur YouTube

Tester sur le dispositif

Téléchargez l'application Capgo, puis scannez le code QR code.

Lien QR de prévisualisation du plugin lecteur YouTube code

Utilisation de @capgo/capacitor-lecteur-youtube

Interface du plugin lecteur YouTube 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 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 - Jouer la vidéo actuellement en attente ou chargée. L'état final du lecteur sera PLAYING (1).

Patch de référentiel de WebView principal

Activer patchRefererHeader Lorsque le contenu YouTube fonctionne dans le plugin mais échoue dans le WebView principal de Capacitor parce que YouTube attend un header comme un navigateur. Referer Le patch ne s'applique qu'à

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

, et youtube.com, youtube-nocookie.comwhen YouTube content works in the plugin but fails from __CAPGO_KEEP_0__'s main WebView because YouTube expects a browser-like header. youtu.be requêtes. Les en-têtes de requête existantes sont conservés, et Referer par défaut, lorsque les valeurs sont omises. refererHeader Exemple d'utilisation https://www.youtube.com Initialiser une nouvelle instance de lecteur YouTube.

Détruire une instance de lecteur et libérer les ressources.

initialize

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

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

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

destroy

Lancer la vidéo actuellement chargée ou chargée. L'état final du lecteur sera PLAYING (1).

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

await YoutubePlayer.destroy({} as PlayerIdOptions);

stopVideo

Référence complète

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

await YoutubePlayer.stopVideo({} as PlayerIdOptions);

playVideo

__CAPGO_KEEP_0__:

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

await YoutubePlayer.playVideo({} as PlayerIdOptions);

https://__CAPGO_KEEP_0__.com/Cap-go/__CAPGO_KEEP_1__-lecteur-youtube/

Continuez d'où vous étiez avec @capgo/capacitor-youtube-player

Si vous utilisez Utilisez @capgo/capacitor-youtube-player pour planifier le comportement des médias et de l'interface natifs, connectez-le avec @capgo/capacitor-youtube-player pour les détails d'implémentation dans @capgo/capacitor-youtube-player, Démarrage pour les détails d'implémentation dans Démarrage, Utilisez @capgo/capacitor-live-activities pour la capacité native dans Utilisez @capgo/capacitor-live-activities, @capgo/capacitor-live-activities pour les détails d'implémentation dans @capgo/capacitor-activités en direct, et En utilisant @capgo/capacitor-joueur de vidéo pour la capacité native dans En utilisant @capgo/capacitor-joueur de vidéo.