×

Save Your Code

If you click the save button, your code will be saved, and you get an URL you can share with others.

By clicking the "Save" button you agree to our terms and conditions.

Report Error

×

Save to Google Drive

If you have a Google account, you can save this code to your Google Drive.

Google will ask you to confirm Google Drive access.

×

Open from Google Drive

If you have saved a file to Google Drive, you can open it here:

Result Size: 625 x 571
x
 
<!DOCTYPE html> 
<html> 
<body> 
<p>In this example, we assign an "onratechange" event to a video element. The playbackRate property is used to change the playing speed of the video.</p>
<video id="myVideo" width="320" height="240" autoplay controls onratechange="myFunction()">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video><br>
<button onclick="setPlaySpeed()" type="button">Set video to be play in slow motion</button>
<script>
// Get the video element with id="myVideo"
var x = document.getElementById("myVideo");
// Set the current playback speed of the video to 0.3 (slow motion)
function setPlaySpeed() { 
  x.playbackRate = 0.3;
} 
// Alert some text when the playing speed of the video is changed
function myFunction() { 
  alert("The playing speed of the video was changed");
}
</script> 
</body> 
<!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onratechange_html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 03:02:58 GMT -->
</html>
×

Report a Problem: