使用HTML5视频查看器的最佳实践

Dynamic Media Classic HTML5视频查看器预设是功能强大的视频播放器。 在播放器的设计方面,您可以使用标准Web开发工具创建视频播放器的整个功能。 例如,您可以使用 HTML5 和 CSS 设计按钮、控件和自定义海报图像背景,以便通过自定义的界面外观吸引客户。

在查看器的播放端,它将自动检测浏览器的视频功能。然后,它使用HLS(HTTP实时流)(也称为自适应视频流)来提供视频。 或者,如果该投放方法不存在,则改用HTML5渐进式方法。

通过将以下功能组合为单个播放器:

  • 使用HTML5和CSS设计的回放组件
  • 嵌入式播放
  • 根据浏览器功能使用自适应和渐进式流

您将丰富媒体内容的触及范围扩展到桌面和移动用户。 您还可以确保简化的视频体验。

另请参阅《Adobe查看器参考指南》中的关于HTML5查看器

使用Dynamic Media Classic Video Viewer在台式计算机和移动设备上播放视频

对于桌面和移动自适应视频流播放,比特率切换所使用的视频基于自适应视频集中的所有MP4视频。

使用HLS或渐进视频进行视频播放。 HLS(HTTP实时流)是自适应视频流播放的Apple标准,可根据网络带宽容量自动调整播放。 它还允许客户“搜索”视频中的任何点,而无需等待视频的其余部分下载。 另请参阅HTTP实时流。 渐进式视频是通过将视频下载并存储在本地到用户的桌面屏幕或移动设备来交付的。

下表介绍了使用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视频流。

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now