Playback Speed in Default Video Players
One of the most trafficked posts on my site is not about web development at all: Changing YouTube Playback Speed
While the ability to control playback speed has real value from an accessibility and usability perspective, mostly I was just sharing something which brings me a ton of value because I thought others might find it useful.
During some conversations last week with folks from the Edge team, I made an assertion about how Edge worked that was wrong. I did not recall that Edge’s default video player allowed me to do the same thing. As does Firefox. But not Chrome.
This is important, particularly because not everybody wants to upload videos to YouTube or Vimeo and then embed them in their pages. The embed methods present accessibility challenges, so many sites choose to self-host and use one of many third-party players, most of which have even more accessibility challenges (with some exceptions).
I feel that relying on the <video>
element (thank you, HTML5) and default players in browsers should be a better long-term option, but they are not quite ready yet.
Thankfully, the three browsers I checked on my Windows machine have support for captioning. The biggest hurdle is handled there. They do not yet support additional concurrent audio tracks to provide described audio, but then neither do most third-party players.
Nope, this post is just about playback speed. With such a limited scope, the rest of this post should be short. Congrats for sticking around.
Firefox
If you can get to the context menu in Firefox, then you can choose to play a video in a few different speeds: Slow (0.5×), Fast (1.25×), Faster (1.5×), Ludicrous (2×) (there is no option for plaid). I have no idea when this was introduced but I tested this in Firefox 55.
Edge
Same deal with Edge. If you can get to the context menu in Edge, then you can choose to play a video in a few different speeds: 0.5, 1.5, 2.0, 4.0, 8.0 (I think that last one is plaid). It is missing the 1.25× speed you see in Firefox, but has a 4× and 8× option. I also have no idea when this was introduced, but I tested this in Edge 40.
Chrome
Nope. Open Firefox or Edge instead if you want to control playback speed of a video embedded with <video>
. I tested this in Chrome 61.
Safari
Unsurprisingly given its WebKit base, Safari also does not allow playback speed control. Scott O’Hara tested this for me in Safari 11.
Wrap-up
Scott O’Hara got me the Mac screen shot. I restricted this to the major browsers (Opera, Vivaldi, Brave, and Blisk do not offer it anyway), but if you have an example of where it does work that I did not catch, let me know.
2 Comments
Sadly you can’t change the speed of netflix in edge, well, not anymore, you could change it using “+” and “-” but it seems that it doesn’t work anymore
In response to .I suspect Netflix is using its own player, not the default
<video>
element. In that case, Netflix would need to correct that.
Leave a Comment or Response