HTML5的兩個重要元素audio和video，對於這兩個元素，HTML5規範提供了通用、完整、可腳本化控制的API。

audio元素來播放聲音文件或音頻流，controls屬性用於提供播放、暫停和音量控件，音頻不加這個特性，那麽頁面上任何信息都不會出現，因為音頻元素唯一可視化信息就是對於的控制界面。使用source元素來連接到不同的音頻文件，瀏覽器會自動選擇第一個可以識別的格式。

<audiosrc="samplesong.mp3" controls="controls"></audio>

在audio元素中設置autoplay和loop屬性實現循環播放一首背景音樂。

<audioautoplay loop>

video元素來播放視頻文件或視頻流。controls屬性用於提供播放、暫停和音量控件，也可以包含寬度和高度屬性，如果不加這個特性，那麽在播放的時候就不會顯示控制界面。

<video src="samplesong.mp3"controls="controls"></video>

設置autoplay屬性，不需要任何用戶交互，音頻或視頻文件就會在加載完後自動播放。

autobuffer屬性：可讀寫屬性，使用該屬性可以使audio和video元素實現自動緩沖，默認值為false。

<audio controls="controls" autobuffer="true"></audio>

autoplay可讀寫屬性可以實現頁面加載音頻後一旦就緒即開始自動播放。

<audio controls="controls" autoplay="autoplay"></audio>

buffered只讀屬性用於返回一個TimeRanges對象，確認瀏覽器已經緩存媒體文件。

controls可讀寫屬性可以位媒體文件提供用於播放的控制條，包含播放、暫停、定位、時間顯示、音量控制、全屏切換等常用控件，為布爾值。

HTML5音頻與視頻