使用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