Wie steuere ich bereits vorhandene YouTube-Player mit der JavaScript-API?

Steuerung bereits vorhandener iFrame-Player mit der YouTube-API

Die Herausforderung verstehen

Sie Sie möchten YouTube-Player, die bereits in Ihrem HTML eingebettet sind, mithilfe der JavaScript-API steuern. Die Standard-iFrame-API-Methode zum Hinzufügen neuer Videos gilt nicht für bereits vorhandene Player.

Lösung mit einer benutzerdefinierten Funktion: callPlayer

Um dieses Problem zu beheben, haben wir Ich werde eine benutzerdefinierte Funktion namens callPlayer verwenden. Mit dieser Funktion können Sie verschiedene YouTube-Player-Funktionen für jedes gerahmte YouTube-Video auf Ihrer Seite aufrufen.

function callPlayer(frame_id, func, args) {
  // ... (function implementation)
}

Verwendung:

Sobald Sie diese Funktion haben, können Sie dies tun Verwenden Sie es so:

callPlayer("whateverID", function() {
  // This function runs once the player is ready ("onYouTubePlayerReady")
});

// When the player is not ready yet, the function will be queued.
// If the iframe cannot be found, a message is logged in the console.
callPlayer("whateverID", "playVideo");

Beheben häufiger Probleme:

F:Das Video wird nicht abgespielt.
A: Die Wiedergabe erfordert eine Benutzerinteraktion und das Vorhandensein von „allow="autoplay"“ in der Iframe-URL.

F: Ich erhalte die Fehlermeldung „Eine ungültige oder illegale Zeichenfolge angegeben".
A: Sie müssen ?enablejsapi=1 am Ende Ihrer Iframe-URL hinzufügen.

F: Die API funktioniert nicht auf einem lokalen Host (Datei://).
A: Hosten Sie Ihre Seite online oder verwenden Sie JSFiddle zum Testen.

Zusätzliche Funktionen:

• Funktionen können in die Warteschlange gestellt werden, wenn der Player nicht bereit ist.
• Sie können das Ereignis „onYouTubePlayerReady“ mit der folgenden Syntax aufrufen: callPlayer('frame_id', function() { ... } ).
• Vollständige API-Unterstützung ist mit der entsprechenden Implementierung in einer separaten Antwort verfügbar: „Listening for Youtube Event in jQuery.“

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