HTMLMediaElement controlsList Sample

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

Background

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">