<!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`属性用于设置表格的边框显示状态。 ...
- **常用属性**：`border` 控制边框宽度，`cellpadding` 控制单元格内填充，`cellspacing` 控制单元格之间的间距。 - **设置分隔线的显示状态**：`rules` 属性可以控制哪些分隔线（水平线和垂直线）显示。 - **表格...
HTML5引入了许多新元素和功能，如离线存储（`<applicationCache>`）、拖放（`draggable`属性）、音频/视频播放（`<audio>`和`<video>`标签）、画布（`<canvas>`）、图形绘制（`SVG`）等，极大地扩展了HTML的能力。...