Examples
See the player in action!
Getting started
Basic player
A minimal player setup playing an HLS stream, with Open Video UI and with the Default UI.
Streaming
4K streaming
Play a 4K Ultra HD DASH stream, and see which quality is playing.
Adaptive bitrate (ABR)
Compare the performance, quality and bandwidth ABR strategies, set an initial bitrate, and see which quality the player picks.
DVR and sliding windows for live streams
Seek within a live DVR window and follow program time.
Fast source switching
Measure startup time when switching between video sources.
MPEG-5 LCEVC
Play DASH or HLS streams with MPEG-5 LCEVC enhancement.
Virtual reality (360°)
Play a 360° video and read the VR direction (yaw, pitch and roll) and stereo mode from the VR API.
Network API
Inspect and modify the player's HTTP requests and responses with network interceptors.
Playback control
Frame accurate seeking
Step through a video frame by frame, or jump to a specific frame number.
Playback speed
Speed up or slow down a video by changing the playback rate.
Keeping track of time
Read the player's time, played, buffered, and seekable ranges.
Continuous play
Resume playback from its last saved position.
Creating bookmarks
Save and restore playback bookmarks across videos.
Preload
Control how much of the video is buffered before playback starts with the preload property.
Playlist and caching
Build a playlist and preload upcoming items with the caching API.
User interface
Adding buttons to the UI
Add a custom menu, Skip intro button and seek buttons to both player UIs.
Changing the UI with CSS
Change player colors and controls with CSS.
Custom error messages
Replace the default error messages with your own, in both Open Video UI and the Default UI.
Related content
Show related videos in the player and play them without leaving the page.
Social sharing
Add social sharing links, a direct link and an embed code to the player.
Preview thumbnails
Show preview thumbnails on the seek bar from manifest or side-loaded WebVTT tracks.
Subtitles and metadata
Closed captions and subtitles
Load, style, and inspect subtitles and closed captions.
ID3 metadata
Read ID3 metadata from an audio stream, show WXXX artwork behind the player, and overlay the song details.
Casting
AirPlay
Stream to an Apple TV or another AirPlay receiver from Safari.
Chromecast
Cast to a Chromecast device with the auto, manual or disabled cast strategy, and test your own receiver application ID.
Content protection
DRM and AES-128 encryption
Play content protected with Widevine, PlayReady or FairPlay DRM, or encrypted with AES-128.
Ads
Google DAI
Load Google DAI streams and inspect their ad breaks and events.
Advertisement tester
Schedule VAST, VMAP and Google IMA ads at different positions, and inspect the resulting ad events.
Ad block detection
Detect ad blockers and ad errors, and choose whether to block the content.