Guide
Guide sur le lecteur YouTube
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/
- GitHub: https://github.com/Cap-go/capacitor-youtube-player/
- Docs: /docs/plugins/youtube-player/
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.