JavaScript In Practice: ES6 And Beyond/

...

/

Video Player

Video Player

Create a web video player in which you can alter playback speed and skip forward/backward.

We'll cover the following...

Task:

Implement a video player that can play an mp4 video. Add five buttons below the video player:

  • 1x, 1.5x, 2x: when clicked, it sets the playback speed to the displayed value on the button
  • -30s, +30s when clicked, it offsets the current time of the video by the displayed value

You can use HTML5 tags in the exercise, and you don’t have to worry about cross-browser compatibility.

As an example, you can use this video.

Make your solution extensible so that it will be ...