Best practices for using the HTML5 Video viewer best-practice-using-the-html-video-viewer

The Adobe Dynamic Media Classic HTML5 Video Viewer Presets are high-performance video players. For the player design, you can create the video player’s entire functionality using standard Web development tools. To customize the appearance, you can design buttons, controls, and a custom poster image using HTML5 and CSS.

For viewer playback, it automatically detects the browser’s video capability. It then serves the video using HLS (HTTP Live Streaming), also known as adaptive video streaming. Or, if that delivery method is not present, HTML5 progressive is used instead.

By combining the following abilities into a single player:

You increase the availability of your rich media content to desktop and mobile users. You also ensure a streamlined video experience.

See also About HTML5 Viewers in the Adobe Viewers Reference Guide.

See also Viewer presets training video.

Playback of video on desktop computers and mobile devices using the Adobe Dynamic Media Classic Video Viewer playback-of-video-on-desktop-computers-and-mobile-devices-using-the-scene-video-viewer

For desktop and mobile adaptive video streaming, the videos used for bit rate switching are based on all MP4 videos in the Adaptive Video Set.

Video playback occurs using either HLS or progressive video. HLS (HTTP Live Streaming) is an Apple standard for adaptive video streaming that automatically adjusts playback based on network bandwidth capacity. It also lets users navigate to any point in the video without the need to wait for the rest of the video to download. See also HTTP Live Streaming. The system delivers progressive video by downloading and storing it locally to a user’s desktop screen or mobile device.

The following table describes the device, browser, and playback method of videos on desktop computers and mobile devices using the Adobe Dynamic Media Classic Video Viewer.