`

第32章 video元素与audio元素的常用属性

 
阅读更多
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>audio元素和video元素的常用属性</title>
</head>
<body>
<h1>audio元素和video元素的常用属性</h1>
<!--<audio src="video/MP3.mp3" controls="controls" loop="loop"></audio>
<video src="video/video.mp4" controls="controls" width="600" height="250"  poster="tu.jpg" loop="loop"></video>-->
<video id="video" src="video/video.mp4"></video>
<script type="text/javascript">
    var video = document.getElementById('video');
    video.addEventListener("error",function(){
        var error = video.error;
        switch (error.code){
            case 1:
                alert('取回过程被用户中止。');
                break;
            case 2:
                alert('当下载时发生错误。');
                break;
            case 3:
                alert('当解码时发生错误。');
                break;
            case 4:
                alert('媒体不可用或者不支持音频/视频。');
                break;
        }
    },false);
</script>

</body>
</html>

 

效果图:

 

 

 

  • 大小: 265.1 KB
  • 33.rar (834 Bytes)
  • 下载次数: 0
分享到:
评论

相关推荐

    WEB前端开发初级教案.pdf

    第十二章 事件: 1. 事件:介绍了Web事件的基本概念和分类。 2. 事件对象(Event):讲解了事件对象的属性和方法,用于获取事件详细信息。 3. 事件流:详细说明了事件的捕获、目标和冒泡阶段。 4. 事件监听(DOM2级...

    HTML 基础课程 简单

    ...HTML文档由一系列元素组成,每个元素都以开始标签(如`&lt;p&gt;`)和结束标签(如`&lt;/p&gt;`)包裹内容。...通过阅读《网页设计与制作》(第二版)电子课件,你可以深入学习并实践这些概念,逐步提升你的HTML技能。

    html语言快速查询

    `&lt;audio&gt;`和`&lt;video&gt;`支持多媒体播放;`&lt;input type="date"&gt;`等新的输入类型提供更多交互可能。 十、学习资源 学习HTML有许多在线资源,如MDN Web Docs(https://developer.mozilla.org/zh-CN/)、W3Schools...

    html 语言教程(html)

    HTML5引入了许多新元素和功能,如 `&lt;canvas&gt;` 用于绘制图形,`&lt;video&gt;` 和 `&lt;audio&gt;` 支持多媒体播放,`&lt;section&gt;`、`&lt;article&gt;` 等语义化标签改进了网页结构,`&lt;localStorage&gt;` 和 `&lt;sessionStorage&gt;` 提供了本地...

    HTML5基础学习教程.pdf

    2. **多媒体支持**:新增加了`&lt;video&gt;`和`&lt;audio&gt;`标签,可以直接在网页中嵌入视频和音频,无需依赖第三方插件(如Flash)。 3. **离线存储**:通过Application Cache可以实现网页的离线浏览。 4. **Canvas绘图**:...

    HTMLPDF教程

    - `&lt;table&gt;`标签的常用属性:`border`(边框宽度)、`cellpadding`(单元格填充)、`cellspacing`(单元格间距)。 - `rules`属性用于设置表格的分隔线显示状态。 - `frame`属性用于设置表格的边框显示状态。 ...

    Software-DevIII---Lab1

    HTML5引入了许多新元素和功能,如离线存储(`&lt;applicationCache&gt;`)、拖放(`draggable`属性)、音频/视频播放(`&lt;audio&gt;`和`&lt;video&gt;`标签)、画布(`&lt;canvas&gt;`)、图形绘制(`SVG`)等,极大地扩展了HTML的能力。...

Global site tag (gtag.js) - Google Analytics