使用HTML5視訊檢視器的最佳作法

Adobe Dynamic Media Classic HTML5視訊檢視器預設集是強大的視訊播放器。 在播放器的設計端,您可以使用標準網頁開發工具來建立視訊播放器的完整功能。 例如,您可以使用 HTML5 和 CSS 來設計按鈕、控制項與自訂海報影像背景,並藉助自訂的外觀來吸引客戶。

在檢視器的播放方面,它會自動偵測瀏覽器的視訊功能,接著,它會使用HLS(HTTP即時串流)(也稱為最適化視訊串流)提供視訊。 或者,如果該傳送方法不存在,則改用HTML5漸進式。

合併為單一播放器時,可提供下列功能:

  • 使用HTML5和CSS設計的播放元件
  • 內嵌播放
  • 根據瀏覽器功能使用最適化和漸進式串流

您可以將多媒體內容的觸及範圍擴展至案頭和行動使用者。 您也可以確保簡化的影片體驗。

另請參閱「HTML檢視器參考指南」中的關於Adobe5檢視器

另請參閱檢視器預設集訓練影片。

使用Adobe Dynamic Media Classic Video Viewer在桌上型電腦和行動裝置上播放視訊

針對案頭和行動最適化視訊串流,用於位元速率切換的視訊是以最適化視訊集中的所有MP4視訊為基礎。

使用HLS或漸進式視訊時會發生視訊播放。 HLS(HTTP即時串流)是適用性視訊串流的Apple標準,可根據網路頻寬容量自動調整播放。 它也可讓客戶「搜尋」視訊中的任何點,而不需等待視訊的其餘部分下載。 另請參閱HTTP Live Streaming。 通過將視頻下載並本地儲存到用戶的案頭螢幕或移動設備來提供漸進式視頻。

下表說明使用Adobe Dynamic Media Classic視訊檢視器在桌上型電腦和行動裝置上播放視訊的裝置、瀏覽器和播放方法。

裝置 瀏覽器 視訊播放模式
桌上型電腦 Internet Explorer 9和10 漸進式下載。
桌上型電腦 Internet Explorer 11+ HLS視訊串流。
桌上型電腦 Firefox 23-44 漸進式下載。
桌上型電腦 Firefox 45 或更高版本 HLS視訊串流。
桌上型電腦 鉻黃 HLS視訊串流。
桌上型電腦 Safari(Mac) HLS視訊串流。
行動 Chrome(Android™ 6或更舊版本) 漸進式下載。
行動 Chrome(Android™ 7或更新版本) HLS視訊串流。
行動 Android™(預設瀏覽器) 漸進式下載。
行動 Safari(iOS) HLS視訊串流。
行動 Chrome(iOS) HLS視訊串流。
行動 BlackBerry® HLS視訊串流。

本頁內容