iOS 和布萊特灣播放器
自動播放視頻
考慮到下載可能不需要的片段並不是問題,您可以自動播放視頻。為此,您必須執行以下操作:
- 添加
autoplay
屬性。對於 iframe 嵌入程式碼,請將此屬性設定為true
。 - 添加
playsinline
屬性。對於 iframe 嵌入程式碼,請將此屬性設定為true
。 - 添加
muted
屬性。對於 iframe 嵌入程式碼,請將此屬性設定為true
。或者,您可以使用沒有音軌的視頻。
頁內嵌入代碼的實現:
<video-js data-video-id="5045678908001"
data-account="1752604059001"
data-player="default"
data-embed="default"
data-application-id
autoplay playsinline muted
controls></video-js>
<script src="https://players.brightcove.net/1752604059001/default_default/index.min.js"></script>
iframe嵌入代碼的實現:
<iframe src="https://players.brightcove.net/1752604059001/default_default/index.html?
videoId=5811862231001&autoplay=true&muted=true&playsinline=true"
allowfullscreen
allow="encrypted-media"></iframe>
有關自動播放的完整討論,請參見自動播放注意事項文件。
非全屏播放視頻
要以非全屏模式播放視頻,您必須執行以下步驟:
- 設置
playsinline
歸因於true
。
在 iOS 10 及更高版本中,playsinline
屬性允許 Brightcove Player 在不強制全屏的情況下開始播放。觀眾可以播放嵌入的視頻,它不會自動進入全屏。這是 iOS 的默認行為。
當觀眾開始視頻播放然後進入全屏時,視頻播放不會中斷。
全屏播放視頻
當用戶從嵌入式播放切換到全屏模式時,將使用iOS本機播放器而不是Brightcove Player,但以下一項除外:
- 在iOS 12上運行Safari 12的iPad,它將自動運行Brightcove Player。
使用本機播放器可以使播放器充分利用整個設備的屏幕。顯然,刪除Brightcove Player控件後,某些功能可能會丟失。如果您不想只允許iOS設備使用全屏顯示,則可以使用以下代碼:
<script>
videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this,
fullScreenElement = document.getElementsByClassName("vjs-fullscreen-control")[0];
if (videojs.browser.IS_IOS ) {
fullScreenElement.parentNode.removeChild(fullScreenElement);
}
});
</script>
停止不必要的片段下載
iOS可能會下載不需要的段,從而導致帶寬佔用過多。在這種情況下autoplay
啟用後,即使preload
被設置為none
。防止這種情況的唯一方法是不使用autoplay
屬性。