Often times HTML video¹ players do not have controls for modifying playback speed. This is a must have for blasting through company training material at 2x speed 😅.

Turn on controls attribute

The default Chrome HTML video¹ player controls² attribute has support for playback speed.

This can be turned on for any video element by modifying the DOM.

const el = document.querySelector("video");
el.controls = true;

Set playbackRate

We can also directly control the playback speed of a video elements using the playbackRate attribute³⁴.

const el = document.querySelector("video");
el.playbackRate = 2; // 2x speed