動態指派視訊給播放器

本主題介紹了將視頻動態分配給播放器的不同方法。

在某些情況下,您可能需要更改與播放器關聯的視頻。例如,觀眾可能有能力控制他們想要觀看的視頻。播放器中的視頻可能基於觀眾來自網站的哪個部分。

如果需要在播放器中顯示不同的視頻,建議使用一個播放器,然後動態更改與該播放器關聯的視頻。

本主題概述了以下技術:

還可以使用Catalog 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將視頻雲視頻分配給播放器嵌入代碼。

頁內嵌入代碼

將屬性新增data-video-id="YOUR_VIDEO_ID"至標<video>籤:

<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嵌入代碼

添加?videoId=YOUR_VIDEO_ID到 URL 的末尾src iframe 的屬性:

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

修改嵌入代碼以提供參考ID

您可以直接使用參考ID將視頻雲視頻分配給播放器嵌入代碼。

頁內嵌入代碼

將屬性新增data-video-id="ref:YOUR_VIDEO_REF_ID"至標<video>籤:

<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嵌入代碼

添加?videoId=ref:YOUR_VIDEO_REF_ID到 URL 的末尾src iframe 的屬性:

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