HTML5 Video - Give User Options for Playback Speed

Question

I was wondering if there was a way to give a visitor the option to speed up or slow down HTML5 video? Here's how I'm embedding the videos:

<center><video class="video" width="1024" height="576" src="Videos/' . $_GET["video"] . '" controls autoplay>If you\'re reading this, your browser sucks. Upgrade your browser to watch this video.</video><center>

Is there some way that I could incorporate some controls for the user so that he/she can control the playback speed? e.g. buttons to speed/slow up/down (respectively) the video by X amount?

EDIT:

I've found this plugin (github link), and I was wondering if there was a way of incorporating this, or something similar, directly into the website so that the user would not have to install the extension. The reason that this plugin is actually pretty good, is that it allows for the playback speed to be altered whilst the video is playing.

score 3 · Answer 1 · edited May 23 '17 at 12:22

3

In order to control the playback rate, you can using playbackRate property. Please look at this question which answers your question answer

edited May 23 '17 at 12:22

Community

1
1

answered Apr 12 '15 at 11:18

user1020337

31
2

Not very elegant, is it? – Awn Apr 12 '15 at 11:31
1

This doesn't answer the question. The asker is trying to incorporate playback *controls* for the user, not just set the playback speed. – Jess Riedel Apr 03 '18 at 16:27

score 1 · Answer 2 · edited May 23 '17 at 12:28

1

Hey have you tried to look here

How to change the playing speed of videos in HTML5?

https://github.com/videojs/video.js/issues/220

You may just return if it does not solve your problem, then I will try to give it a chance.

edited May 23 '17 at 12:28

Community

1
1

answered Apr 12 '15 at 11:18

Jesper Petersen

99
10

HTML5 Video - Give User Options for Playback Speed

2 Answers2