HTML onstalled屬性用法及代碼示例

HTML內置屬性是事件屬性，當媒體數據通過瀏覽器獲取但數據不可用時發生。

用法：

<element onstalled="myScript">

屬性值：該屬性包含單個值腳本，該腳本在安裝事件屬性時起作用。 <audio>和<video>標簽支持此屬性。

範例1：在此示例中，我們將在視頻代碼上應用onstalled屬性。

HTML

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML onstalled Attribute  
    </title>  
</head>  
  
<body>  
    <center>  
        <h1 style="color:green">GeeksforGeeks</h1>  
        <h2>HTML onstalled Attribute</h2>  
  
        <video controls id="videoID">  
            <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190723123920/secondneon.mp4"
                    type="video/mp4">  
        </video>  
    </center>  
    <script>  
        document.getElementById(  
            "videoID").addEventListener("stalled", GFGfun);  
  
        function GFGfun() {  
            alert(  
            "Data of this media not available");  
        }  
    </script>  
  
</body>  
  
</html>

輸出：

範例2：在此示例中，我們將在音頻標簽上應用onstalled屬性。

HTML

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        HTML onstalled Attriute  
    </title>  
</head>  
  
<body>  
    <center>  
        <h1 style="color:green">GeeksforGeeks</h1>  
        <h2>HTML onstalled Attribute</h2>  
  
        <audio controls id="audioID">  
          
          <source src=  
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
                type="audio/ogg">      
        </audio>  
    </center>  
    <script>  
        document.getElementById(  
            "audioID").addEventListener("stalled", GFGfun);  
  
        function GFGfun() {  
            alert(  
            "Data of this media not available");  
        }  
    </script>  
  
</body>  
  
</html>

輸出

支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
蘋果Safari
Opera

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML onstalled Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。