既存の iframe YouTube プレーヤーを JavaScript で制御するにはどうすればよいですか?-jsチュートリアル-php.cn

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

Linda Hamilton

リリース： 2024-11-17 14:19:02

オリジナル

183 人が閲覧しました

How to Control Pre-existing Iframe YouTube Players with JavaScript?

JavaScript を使用して既存の iframe YouTube プレーヤーを制御する

課題:

iframe ベースの YouTube プレーヤーを制御する

解決策:

Rob W による callPlayer 関数を使用すると、フレーム化された YouTube ビデオを制御できます。仕組みは次のとおりです:

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

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

ログイン後にコピー

使用法:

関数を使用するには:

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

ログイン後にコピー

考えられる問題とその解決策:

Q: playVideo でビデオの再生が開始されないのはなぜですか?
A: 再生にはユーザーの操作と、allow= の存在が必要です。

Q: 「無効または不正な文字列が指定されました」というエラーが発生します。
A: API はローカルホスト (file://) では正しく動作しません。ページをオンラインでホストするか、JSFiddle を使用してください。

Q: callPlayer 関数に渡す引数をどのように知ることができますか?
A: Rob W は、必要な引数を決定するための API ソース。

Q: サポートされているブラウザは何ですか?
A: callPlayer 関数は、JSON と postMessage ( IE 8 、Firefox 3.5 、Opera 10.50 、Safari 4 、Chrome 3 ).

追加リソース:

公式 YouTube Iframe API リファレンス: https:// developers.google.com/youtube/iframe_api_reference
関連する回答: jQuery を使用したフレーム付きビデオのフェードイン
フル API サポート: jQuery での YouTube イベントのリスニング

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