使用HTML5視訊檢視器的最佳範例

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

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

結合為單一播放器可提供下列功能:

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

您將豐富型媒體內容的觸角延伸到案頭和行動使用者。 您也可以確保簡化的視訊體驗。

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

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

針對桌上型電腦和行動裝置的可調式視訊串流,用於位元速率切換的視訊是以最適化視訊集中的所有MP4視訊為基礎。

使用HLS或漸進式視訊進行視訊播放。 HLS(HTTP即時串流)是Apple自適應視訊串流的標準,可根據網路頻寬容量自動調整播放。 它也可讓客戶「尋找」視訊中的任何點,而不需等待視訊的其餘部分下載。 另請參閱HTTP即時串流。 漸進式視訊是透過下載視訊並將它儲存在使用者的案頭螢幕或行動裝置上,來傳送。

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

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

本頁內容