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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。