使用HTML5視訊檢視器的最佳做法 best-practice-using-the-html-video-viewer

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

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

將下列功能結合為單一播放器:

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

您可以將豐富媒體內容的觸角伸展到桌上型電腦和行動使用者。 您也可以確保簡化的視訊體驗。

另請參閱 關於HTML5檢視器 在Adobe檢視器參考指南中。

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

使用Adobe Dynamic Media Classic視訊檢視器在桌上型電腦和行動裝置上播放視訊 playback-of-video-on-desktop-computers-and-mobile-devices-using-the-scene-video-viewer

就桌上型電腦和行動最適化視訊串流而言,用於位元速率切換的視訊均以最適化視訊集中的所有MP4視訊為基礎。

使用HLS或漸進式視訊會發生視訊播放。 HLS (HTTP即時資料流)是適用於最適化視訊資料流的Apple標準,可依據網路頻寬容量自動調整播放。 它也能讓客戶「搜尋」視訊中的任何位置,而不需要等候視訊的其餘部分下載。 另請參閱 HTTP即時資料流. 漸進式視訊的傳送方式,是將視訊下載並儲存在使用者的案頭熒幕或行動裝置本機。

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

裝置
瀏覽器
視訊播放模式
桌上型電腦
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視訊串流。
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26