How to change the playing speed of videos in HTML5?

by

According to this site, this is supported in the playbackRate and defaultPlaybackRate attributes, accessible via the DOM. Example:

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;

The above works on Chrome 43+, Firefox 20+, IE 9+, Edge 12+.

More Related Contents:

  1. Retrieving HTML5 video duration separately from the file
  2. Programmatically play video with sound on Safari and Mobile Chrome
  3. Detect if HTML5 Video element is playing [duplicate]
  4. play pause html5 video javascript
  5. HTML5 callbacks?
  6. How can I set preview of video file, selecting from input type=’file’
  7. HTML5 and Javascript to play videos only when visible
  8. Play HTML5 Video when scrolled to
  9. HTML5 Video: Streaming Video with Blob URLs
  10. changing source on html5 video tag
  11. How to handle “Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.” on Desktop with Chrome 66?
  12. Stop/Close webcam stream which is opened by navigator.mediaDevices.getUserMedia [closed]
  13. Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?
  14. Can I use javascript to dynamically change a video’s source?
  15. JavaScript: Extract video frames reliably
  16. Capture frames from video with HTML5 and JavaScript
  17. HTML5 video not streaming and taking 90 seconds to load
  18. Updating source URL on HTML5 video with React
  19. Dynamically using the first frame as poster in HTML5 video?
  20. Best way to execute js only on specific page
  21. Does the tag position in HTML affects performance of the webpage?
  22. how to make getUserMedia() work on all browsers
  23. How to detect supported video formats for the HTML5 video tag?
  24. HTML5 Video buffered attribute features
  25. Create thumbnail from video file via file input
  26. HTML5 video javascript controls – restart video
  27. Media Source Api not working for a custom webm file (Chrome Version 23.0.1271.97 m)
  28. Redirect html5 video after play
  29. How to reduce the length of a video using JavaScript? [closed]
  30. HTML5 Video autoplay with sound unmuted

Leave a Comment