HTMLMediaElement controlsList Sample

Available in Chrome 58+ | View on GitHub | Browse Samples

Background

See More

Using the ControlsList API, developers can now customize Chrome's native media controls such as the download, fullscreen and remoteplayback buttons. The current implementation for now is a blocklist mechanism on native controls with the ability to set them directly from HTML content using the new attribute controlsList.

Credits: Media files are © copyright Blender Foundation | www.blender.org .

<video controls>
<video controls controlsList="nofullscreen">
<video controls controlsList="nodownload">
<video controls controlsList="noremoteplayback">
<video controls controlsList="nodownload nofullscreen noremoteplayback">
<video controlsList="nodownload nofullscreen noremoteplayback">