プレーヤーのへのビデオの動的な割り当て

プレーヤーに関連付けられているビデオを変更する必要がある場合があります。たとえば、視聴者はどの動画を見たいかを制御できる可能性があります。おそらく、プレーヤーのビデオは、視聴者がサイトのどの部分から来たかに基づいている可能性があります。

プレーヤーで異なるビデオを表示する必要がある場合は、1 人のプレーヤーを使用し、そのプレーヤーに関連付けられているビデオを動的に変更することをお勧めします。

このトピックでは、次のテクニックについて説明します。

• ビデオ ID を URL パラメータとして渡す
• 参照 ID を URL パラメータとして渡す
• ビデオ ID  を指定するための埋め込みコードの変更
• 埋め込みの変更 参照IDを提供するコード

カタログAPIを使用して、コンテンツをプレーヤーに動的に割り当てることもできます。詳細とサンプルコードについては、開発者ドキュメントの「ソースビデオを動的に変更する」を参照してください。

動画IDをURLパラメータとして渡す

フォームを使用して、ビデオ ID を URL パラメータとして渡すことで、プレーヤーのビデオソースを変更できます?videoId=YOUR_VIDEO_ID。

http://players.brightcove.net/20318290001/f1d70e07-8480-4bbd-b4ef-747e9333a034_default/index.html?videoId=4292158104001

参照 ID を URL パラメータとして渡す

フォームを使用して参照 ID を URL パラメータとして渡すことで、プレーヤーのビデオソースを変更できます?videoId=ref:YOUR_VIDEO_REF_ID。

http://players.brightcove.net/20318290001/f1d70e07-8480-4bbd-b4ef-747e9333a034_default/index.html?videoId=ref:1234

動画 ID を提供する埋め込みコードを修正する

ビデオ ID を使用して、Video Cloud ビデオをプレーヤー埋め込みコードに直接割り当てることができます。

<video-js   data-account="57838016001"
  data-player="6e44f16e-31e9-48b2-83b9-6edd71217540"
  data-embed="default"
  data-video-id="68143720001"
  class="video-js"
  controls></video-js>
<script src="https://players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.min.js"></script>

<iframe src='//players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.html?videoId=68143720001'
 allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>

参照IDを提供する埋め込みコードを変更する

参照IDを使用して、VideoCloudビデオをプレーヤーの埋め込みコードに直接割り当てることができます。

<video-js data-account="57838016001"
  data-player="6e44f16e-31e9-48b2-83b9-6edd71217540"
  data-embed="default"
  data-video-id="ref:68143720001"
  class="video-js"
  controls></video-js>
<script src="https://players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.min.js"></script>

<iframe src='//players.brightcove.net/57838016001/6e44f16e-31e9-48b2-83b9-6edd71217540_default/index.html?videoId=ref:68143720001'
 allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>