<!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>
效果图:
相关推荐
第十二章 事件: 1. 事件:介绍了Web事件的基本概念和分类。 2. 事件对象(Event):讲解了事件对象的属性和方法,用于获取事件详细信息。 3. 事件流:详细说明了事件的捕获、目标和冒泡阶段。 4. 事件监听(DOM2级...
...HTML文档由一系列元素组成,每个元素都以开始标签(如`<p>`)和结束标签(如`</p>`)包裹内容。...通过阅读《网页设计与制作》(第二版)电子课件,你可以深入学习并实践这些概念,逐步提升你的HTML技能。
`<audio>`和`<video>`支持多媒体播放;`<input type="date">`等新的输入类型提供更多交互可能。 十、学习资源 学习HTML有许多在线资源,如MDN Web Docs(https://developer.mozilla.org/zh-CN/)、W3Schools...
HTML5引入了许多新元素和功能,如 `<canvas>` 用于绘制图形,`<video>` 和 `<audio>` 支持多媒体播放,`<section>`、`<article>` 等语义化标签改进了网页结构,`<localStorage>` 和 `<sessionStorage>` 提供了本地...
2. **多媒体支持**:新增加了`<video>`和`<audio>`标签,可以直接在网页中嵌入视频和音频,无需依赖第三方插件(如Flash)。 3. **离线存储**:通过Application Cache可以实现网页的离线浏览。 4. **Canvas绘图**:...
- `<table>`标签的常用属性:`border`(边框宽度)、`cellpadding`(单元格填充)、`cellspacing`(单元格间距)。 - `rules`属性用于设置表格的分隔线显示状态。 - `frame`属性用于设置表格的边框显示状态。 ...
HTML5引入了许多新元素和功能,如离线存储(`<applicationCache>`)、拖放(`draggable`属性)、音频/视频播放(`<audio>`和`<video>`标签)、画布(`<canvas>`)、图形绘制(`SVG`)等,极大地扩展了HTML的能力。...