文章參考

http://zhidao.baidu.com/link?url=FgtYMfYYjA6AwNuiyMtQ5f0VxeBOLaVZZh-aYsxmNfMnYEuGuBdnlZiDXZzxPKm2P6nO-Lf1KTyUfOqb_4mRAjN-kKMXKYCbCqD01dr57PG

做一個抽獎活動頁面，需要一個效果：

當點選一個按鈕之後，能有一個提示聲音，為此，自己學習了一下<audio>標籤。

<audio controls="controls" autoplay="autoplay" loop="loop"  preload="auto">
	<source src="song.ogg" type="audio/ogg">
	<source src="song.mp3" type="audio/mpeg">
	你的瀏覽器不支援audio標籤
</audio>
 

或者

<audio src="song.ogg" controls="controls" autoplay="autoplay" loop="loop"  preload="auto">
Your browser does not support the audio element.
</audio>

屬性說明：

1、autoplay:唯一可選值為autoplay，出現autoplay屬性並準確賦值時，音訊將會自動播放

2、controls：唯一可選值為controls，出現controls屬性並準確賦值時，音訊播放控制元件將會顯示，控制元件包括：播放、暫停、定位、音量、全屏切換、字幕（如果可用）、音軌（如果可用）。

3、loop：唯一可選值為loop，出現loop屬性並準確賦值時，音訊將會迴圈播放。

4、preload：可選值有auto(當頁面載入後載入整個音訊)、meta(當頁面載入後只載入元資料)和none(當頁面載入後不載入音訊) 如果設定了前面的autoplay屬性，那麼preload將會被忽略。

5、src：指定音訊URL地址，可以是相對的URL也可以是絕對的URL 當然還可以像第2和第3個例子一樣，用source標籤來指定源。

方法               方法描述

addTextTrack()    為音視訊加入一個新的文字軌跡    

canPlayType()     檢查指定的音視訊格式是否得到支援    

load()            重新載入音視訊標籤    

play()            播放音視訊    

pause()           暫停播放當前的音視訊 

myVid=document.getElementById("video1");
//返回媒體的播放總時長，單位秒   
alert(myVid.duration);
//再次播放音訊檔案
myVid.play();