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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。