HTML ondurationchange属性用法及代码示例

HTML ondurationchange属性是在更改音频/视频持续时间时发生的事件属性。加载时，音频/视频的持续时间从“NaN”更改为音频/视频的实际持续时间。

用法：

<element ondurationchange="myScript">

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

以下示例说明了HTML中的ondurationchange属性：

范例1：

HTML

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML ondurationchange Attribute 
    </title>  
</head>  
  
<body>  
    <center>  
        <h1 style="color:green">GeeksforGeeks</h1>  
        <h2>HTML ondurationchange Attribute</h2>  
        <audio controls ondurationchange="GFGfun()">  
        <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mpeg"> 
        </audio>  
        <script>  
            function GFGfun() {  
                alert("The audio duration has changed");  
            }  
        </script>  
    </center>  
</body>  
  
</html>

输出

后：

范例2：

HTML

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            HTML ondurationchange Attribute 
        </title> 
    </head> 
  
    <body> 
        <center> 
            <h1 style="color:green;">GeeksforGeeks</h1> 
            <h2>HTML ondurationchange Attribute</h2> 
  
            <video width="400" height="200" controls ondurationchange="GFGfun()"> 
                <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.mp4" 
                        type="video/mp4" /> 
                <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.ogg"
                        type="video/ogg" /> 
            </video> 
        </center> 
  
        <script> 
            function GFGfun() { 
                alert("The video duration has changed"); 
            } 
        </script> 
    </body> 
</html>

输出

后：

相关用法

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