Media Player Demos

Find some demo configs & use cases showing both media player elements, playlists & controls being used in different scenarios to highlight various features.

Control Visibility

All top/center/bottom zones in the UI, as well as the individual controls, have the option to be hidden until the video has loaded or played.
This can be useful for keeping things looking unclutttered until if controls are actually needed. It's also good for visual feedback for when a player has loaded & the user is able to play the video.
video cover image
We could hide the top/bottom zones & only show a centerd play button until the video is played.
video cover image
Notice: some message here for user to click to load video
Or hide all controls until the user has clicked the video to load the content.

I'm a popup template!

..because you watched 10 seconds