HTML onratechange属性用法及代码示例

HTML onratechange属性是事件属性，如果更改音频/视频的播放速度，则会发生此事件。 playbackRate属性用于设置或返回音频/视频的当前播放速度。

用法:

<element onratechange="myScript">

属性值：此属性包含单值脚本，该脚本在onratechanged事件属性调用时起作用。 <audio>和<video>标签支持此属性。

Example:

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML onratechange Attribute  
    </title>  
</head>  
  
<body>  
    <center>  
        <h1 style="color:green">  
        GeeksforGeks  
    </h1>  
        <h2>HTML onratechange Attribute</h2>  
  
        <video id="vidID"
            width="400" height="400"
            autoplay controls>  
            <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190401140735/g4g2.mp4"
                    type="video/mp4">  
        </video>  
        <br>  
  
        <button onclick="speed()" type="button">  
        Slow motion  
    </button>  
  
        <script>  
            // Get the video element with id="myVideo"  
            var x = document.getElementById("vidID");  
  
            function speed() {  
                x.playbackRate = 0.5;  
            }  
  
            x.addEventListener("ratechange", GFGfun);  
  
            function GFGfun() {  
                alert("Playing speed changed");  
            }  
        </script>  
    </center>  
</body>  
  
</html>

输出：

支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
苹果Safari
Opera

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML onratechange Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。