Wie steuere ich bereits vorhandene Iframe-YouTube-Player mit JavaScript?

Verwenden von JavaScript zur Steuerung bereits vorhandener Iframe-YouTube-Player

Herausforderung:

Kontrollieren Sie Iframe-basierte YouTube-Player bereits im HTML mit JavaScript vorhanden API.

Lösung:

Die callPlayer-Funktion von Rob W ermöglicht die Steuerung gerahmter YouTube-Videos. So funktioniert es:

function callPlayer(frame_id, func, args) {
  var iframe = document.getElementById(frame_id);
  if (iframe && iframe.tagName.toUpperCase() != 'IFRAME') {
    iframe = iframe.getElementsByTagName('iframe')[0];
  }

  // Handle player readiness
  if (!iframe) {
    console.log('callPlayer: Frame not found;>

Verwendung:

So verwenden Sie die Funktion:

callPlayer("whateverID", function() {
  // Function runs when player is ready (like "onYouTubePlayerReady")
  callPlayer("whateverID", "playVideo");
});

Mögliche Probleme und ihre Lösungen :

F: Warum nicht playVideo die Videowiedergabe starten?
A: Die Wiedergabe erfordert Benutzerinteraktion und das Vorhandensein von „allow="autoplay"“ in der Iframe-URL.

F: I Ich erhalte die Fehlermeldung „Es wurde eine ungültige oder unzulässige Zeichenfolge angegeben“.
A: Die API funktioniert auf dem lokalen Host (Datei://) nicht ordnungsgemäß. Hosten Sie Ihre Seite online oder verwenden Sie JSFiddle.

F: Wie kann ich wissen, welche Argumente ich an die callPlayer-Funktion übergeben soll?
A: Rob W hat die analysiert API-Quelle zur Ermittlung der notwendigen Argumente.

F: Was sind Browser? unterstützt?
A: Die callPlayer-Funktion funktioniert in Browsern, die JSON und postMessage unterstützen (IE 8, Firefox 3.5, Opera 10.50, Safari 4, Chrome 3).

Zusätzliche Ressourcen:

• Offizielle YouTube Iframe API Referenz: https://developers.google.com/youtube/iframe_api_reference
• Verwandte Antwort: Einblenden eines gerahmten Videos mit jQuery
• Vollständige API-Unterstützung: Lauschen auf YouTube-Ereignisse in jQuery

Das obige ist der detaillierte Inhalt vonWie steuere ich bereits vorhandene Iframe-YouTube-Player mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!