iOS 和布萊特灣播放器

在本主題中,您將了解在iOS 10及更高版本上使用Brightcove Player的詳細信息。要查看視頻和 iOS 的 Webkit(網絡瀏覽器引擎)標準,請參考組織適用於 iOS 的新 <video> 政策文檔。

自動播放視頻

考慮到下載可能不需要的片段並不是問題,您可以自動播放視頻。為此,您必須執行以下操作:

  • 添加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屬性。