JavaScript API を使用して既存の YouTube プレーヤーを制御するにはどうすればよいですか?

YouTube API を使用した既存の iFrame プレーヤーの制御

課題を理解する

あなたJavaScript API を使用して、HTML にすでに埋め込まれている YouTube プレーヤーを制御したいと考えています。新しいビデオを追加するための標準の iframe API メソッドは、既存のプレーヤーには適用されません。

カスタム関数を使用した解決策: callPlayer

この問題に対処するには、次のようにします。 callPlayer というカスタム関数を使用します。この関数を使用すると、ページ上のフレーム化された YouTube ビデオでさまざまな YouTube プレーヤー関数を呼び出すことができます。

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

使用法:

この関数を使用すると、次のことができます。次のように使用します:

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");

一般的な問題の解決:

Q: ビデオが再生されません。
A: 再生にはユーザーの操作と、iframe URL にallow="autoplay" が存在する必要があります。

Q: 「無効または違法な文字列が使用されました」というエラー メッセージが表示されます。
A: iframe URL の最後に ?enablejsapi=1 を追加する必要があります。

Q: API が機能しませんローカルホスト上 (file://)。
A: オンラインでページをホストするか、テストに JSFiddle を使用します。

追加機能:

• プレーヤーの準備ができていない場合、関数をキューに入れることができます。
• 次の構文を使用して「onYouTubePlayerReady」イベントを呼び出すことができます: callPlayer('frame_id', function() { ... } ).
• 完全な API サポートは、別の回答「jQuery で Youtube イベントをリッスンする」の関連実装で利用できます。

以上がJavaScript API を使用して既存の YouTube プレーヤーを制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。