noplaybackrate in HTMLMediaElement.controlsList Sample

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

Background

Using the ControlsList API, developers can customize Chrome's playback speed button in native media controls.

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

Live Output

JavaScript Snippet

window.onload = () => {
  const video = document.querySelector('video');
  if (!video.controlsList.supports('noplaybackrate')) {
    ChromeSamples.log('"noplaybackrate" is not supported.');
  }
}

<video controls>

<video controls controlsList="noplaybackrate">

<video controlsList="noplaybackrate">