HTML | DOM Video defaultPlaybackRate Property

The Video defaultPlaybackRate property is used for setting or returning the default playback speed of the video. The Video defaultPlaybackRate property only changes the default playback speed, not the current playback speed.

Syntax:

Returning the defaultPlaybackRate property:

videoObject.defaultPlaybackRate

Setting the defaultPlaybackRate property:

videoObject.defaultPlaybackRate = number

Property Values:

1.0 is normal speed.
0.5 is half speed.
2.0 is double speed.
-1.0 is backwards, normal speed.
-0.5 is backwards, half speed.

Below program illustrates the Video defaultPlaybackRate Property :

Example: Setting the video to double speed by default.

html

<!DOCTYPE html>

<html>
 
<head>

    <title>

        HTML | DOM Video defaultPlaybackRate Property

    </title>

    <style>

        h1 {

            color: green;

        }

        h2 {

            font-family: Impact;

        }

        body {

            text-align: center;

        }

    </style>

</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>

    <h2>

      Video defaultPlaybackRate Property

    </h2>

    <br>
 
    <video id="Test_Video"

           width="360" 

           height="240"

           controls>

        <source src="samplevideo.mp4" 

                type="video/mp4">

        <source src="movie.ogg"

                type="video/ogg">

    </video>
 
    <p>

      For returning the playback rate of the 

      video by default, double click the 

      "Return Playback Rate" button.

    </p>

    <button ondblclick="My_VideoRate()" 

            type="button">

      Return Playback Rate

    </button>
 
    <p>

      For changing the playback rate of the

      video by default, double click the 

      "Change Playback Rate" button.

    </p>

    <button ondblclick="Set_VideoRate()"

            type="button">

      Change Playback Rate

    </button>
 
    <script>

        var v = 

            document.getElementById(

              "Test_Video");
 
        function My_VideoRate() {

            alert(v.defaultPlaybackRate);

        }
 
        function Set_VideoRate() {

            v.defaultPlaybackRate = 2;

            v.load();

        }

    </script>
 
</body>
 
</html>

Output: Initial Playback Rate Updated Playback Rate Supported Browsers: The supported browser by HTML | DOM Video defaultPlaybackRate Property are listed below:

Google Chrome 1 and above
Edge 12 and above
Internet Explorer 9 and above
Firefox 20 and above
Opera 12.1 and above
Apple Safari 3.1 and above

Article Tags :

HTML

Web Technologies

HTML-DOM