Maison > interface Web > js tutoriel > Comment contrôler les iframes YouTube existantes avec l'API YouTube iframe ?

Comment contrôler les iframes YouTube existantes avec l'API YouTube iframe ?

Patricia Arquette
Libérer: 2024-11-13 00:08:02
original
611 Les gens l'ont consulté

How to Control Existing YouTube iframes with the YouTube iframe API?

API iframe YouTube : contrôle des lecteurs iframe préexistants

L'API iframe YouTube fournit des fonctionnalités complètes pour contrôler les vidéos intégrées. Bien que la documentation se concentre généralement sur l'ajout de nouveaux lecteurs à une page, il est également possible de manipuler des lecteurs YouTube existants basés sur une iframe.

Utilisation de la fonction callPlayer

Pour contrôler lecteurs iframe préexistants, utilisez la fonction callPlayer, créée par Rob W. Cette fonction vous permet d'invoquer n'importe quel lecteur YouTube pris en charge. function.

Paramètres :

  • frame_id : L'ID de l'iframe contenant le lecteur YouTube.
  • func : La fonction du lecteur que vous souhaitez exécuter, telle que "playVideo" ou "pauseVideo".
  • args : Un tableau facultatif d'arguments à transmettre à la fonction de lecteur.

Exemple d'utilisation :

Ce code jouera la vidéo dans l'iframe avec l'ID "whateverID".

Assurer la préparation du lecteur

Avant d'utiliser callPlayer, assurez-vous que le lecteur YouTube est prêt. Si elle n'est pas encore prête, la fonction mettra la demande en file d'attente jusqu'à ce que le joueur soit disponible.

Écoute des événements des joueurs

La fonction callPlayer prend également en charge l'écoute des événements des joueurs . Pour ce faire, transmettez « écoute » comme paramètre func.

Cela établira un écouteur d'événement de message qui recevra les mises à jour de statut du lecteur YouTube.

Autres considérations :

  • Assurez-vous que l'URL iframe inclut "?enablejsapi=1".
  • L'API peut ne pas fonctionner correctement lorsqu'elle est hébergée localement (file://).
  • La prise en charge des navigateurs inclut IE 8 , Firefox 3.6 , Opera 10.50 , Safari 4 , et Chrome 3 .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal