## 第一節：概述 `<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`屬性，根本不會顯示，而是直接在背景播放。