ホームページ  >  記事  >  ウェブフロントエンド  >  YouTube iframe API を使用して既存の YouTube iframe を制御するにはどうすればよいですか?

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

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-13 00:08:02603ブラウズ

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

YouTube iframe API: 既存の iframe プレーヤーの制御

YouTube iframe API は、埋め込みビデオを制御するための包括的な機能を提供します。通常、このドキュメントでは新しいプレーヤーをページに追加することに重点を置いていますが、既存の iframe ベースの YouTube プレーヤーを操作することもできます。

callPlayer 関数の使用

制御するには既存の iframe プレーヤーでは、Rob W によって作成された callPlayer 関数を利用します。この関数を使用すると、サポートされている YouTube プレーヤー関数を呼び出すことができます。

callPlayer(frame_id, func, args);

パラメータ:

  • frame_id: YouTube プレーヤーを含む iframe の ID。
  • func: 実行するプレーヤー関数 (「playVideo」など)。 "pauseVideo".
  • args: プレーヤー関数に渡すオプションの引数の配列。

使用例:

callPlayer("whateverID", "playVideo");

このコードは、ID「whateverID」を持つ iframe 内のビデオを再生します。

プレーヤーの準備の確認

callPlayer を使用する前に、次のことを確認してください。 YouTube プレーヤーの準備ができました。まだ準備ができていない場合、関数はプレーヤーが使用可能になるまでリクエストをキューに入れます。

プレーヤー イベントのリッスン

callPlayer 関数は、プレーヤー イベントのリスニングもサポートしています。 。これを行うには、func パラメータとして「listening」を渡します。

callPlayer("whateverID", "listening");

これにより、YouTube プレーヤーからステータス更新を受信するメッセージ イベント リスナーが確立されます。

その他の考慮事項:

  • iframe URL に「?enablejsapi=1」が含まれていることを確認してください。
  • ローカルでホストされている場合 (file://)、API が正しく機能しない可能性があります。
  • ブラウザのサポートには、IE 8 、Firefox 3.6 、Opera 10.50 、Safari 4 、および Chrome 3 が含まれます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。