動態指派視訊給播放器
在某些情況下,您可能需要更改與播放器關聯的視頻。例如,觀眾可能有能力控制他們想要觀看的視頻。播放器中的視頻可能基於觀眾來自網站的哪個部分。
如果需要在播放器中顯示不同的視頻,建議使用一個播放器,然後動態更改與該播放器關聯的視頻。
本主題概述了以下技術:
還可以使用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>