多媒体与嵌入 - 学习 Web 开发 | MDN (opens new window)
视频和音频内容 - 学习 Web 开发 | MDN (opens new window)
# audio支持播放音频
在HTML5推出之前，浏览器打开音频视频主要通过Flash插件，Activex插件等等。随着移动互联网时代到来，Flash的势头逐渐被HTML5替代。目前,
<audio>元素支持三种音频格式文件: MP3, Wav, 和 Ogg。
音频格式的MiME类型：
MP3: audio/mpeg。 Ogg: audio/ogg。 WAV: audio/wav。
格式文件：
Ogg：一种新的音频压缩格式，是完全免费、开放和没有专利限制的
MP3：是一种音频压缩技术。它被设计用来大幅度地降低音频数据量
WAV：为微软公司开发的一种声音文件格式，声音文件质量和CD相差无几
属性：
- src {string}：音频的url地址
- autoplay {boolean} ：音频在就绪后马上播放
- controls {boolean}：显示控件
- loop {boolean}：音频循环播放
- muted {boolean}：静音
# video支持播放视频
<video> 元素提供了 播放、暂停和音量控件来控制视频。同时 <video> 元素元素也提供了 width 和 height 属性控制视频的尺寸。
如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。
注意：
<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。
视频格式：
- MP4： 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件。
- WebM：带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件。
- Ogg：带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件。
属性:
- src {string}：视频的url地址。
- autoplay {boolean} ：视频在就绪后马上播放。
- controls {boolean}：显示控件。
- loop {boolean}：视频循环播放。
- muted {boolean}：静音。
- width {string | number}: 视频宽度。
- height {string | number}: 视频高度。
- poster {string}：指定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
# embed
标签定义嵌入的内容，比如插件。
属性:
- height：设置嵌入内容的高度。
- src ：嵌入内容的 URL。
- type：定义嵌入内容的类型。
- width:设置嵌入内容的宽度。
<embed src="helloworld.swf" />
# canvas
<canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成。
<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。
canvas的宽高最好不要通过css实现，而是直接使用标签属性 width 和 height 实现。
你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
</canvas>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);