## 第一节：概述 `<video>`元素用来加载视频，是`HTMLVideoElement`对象的实例。`<audio>`元素用来加载音频，是`HTMLAudioElement`对象的实例。而`HTMLVideoElement`和`HTMLAudioElement`都继承了`HTMLMediaElement`，所以这两个 HTML 元素有许多共同的属性和方法。 理论上，这两个 HTML 元素直接用`src`属性指定媒体文件，就可以使用了。 ~~~ <audio src="background_music.mp3" /> <video src="news.mov" width="320" height="240" /> ~~~ > 注意，`<video>`元素有`width`属性和`height`属性，可以指定宽和高。`<audio>`元素没有这两个属性，因为它的播放器外形是浏览器给定的，不能指定。 实际上，不同的浏览器支持不同的媒体格式，我们不得不用`<source>`元素指定同一个媒体文件的不同格式。浏览器遇到支持的格式，就会忽略后面的格式。 ~~~ <audio id="music"> <source src="music.mp3" type="audio/mpeg"> <source src="music.ogg" type='audio/ogg; codec="vorbis"'> </audio> ~~~ 这两个元素都有一个`controls`属性，只有打开这个属性，才会显示控制条。 > 注意，`<audio>`元素如果不打开`controls`属性，根本不会显示，而是直接在背景播放。