HTML5新增了video元素和audio元素，替代了傳統HTML4使用復雜的object元素與embed來播放視頻或者音頻的方法。這次的一個項目，產品經理要求手機加載開始時播放音樂，想到播放音樂，又是在ios和android平台，那audio元素必然是首選。
一、audio的基本知識
audio:標簽定義聲音，比如音樂或其他音頻流。
二、audio的屬性
三、audio的寫法
寫法一：
<audio src="baishu.mp3" auto loop>你的瀏覽器還不支持哦</audio>
寫法二：
<audio controls="controls"> <source src="baishu.ogg" type="audio/ogg"> <source src="baishu.mp3" type="audio/mpeg"> 優先播放音樂baishu.ogg，不支持在播放baishu.mp3
</audio>
四、audio實戰
在項目中使用audio，一開始在chrome瀏覽器下做測試，使用了autoplay和loop屬性，在頁面打開時自動播放並循環，在chrome是成功支持，發布到測試環境后，在ios和android手機中音樂不會自動播放- -!，做了一系列測試，使用JS，還是無法自動播放...
想用回HTML4的object元素與embed，但手機中有些瀏覽器禁止了控件....
后來在外國網站找了一些對audio使用的資料：
對audio的使用，總結如下：
1.audio元素的autoplay屬性在ios和andriod上無法使用的，在PC端上正常
2.audio元素沒有設置controls時，在ios和android上會占據空間大小，而在PC端chrome是不會占據任何空間
后來，跟產品經理商量后，暫不使用音樂了....如果大家有辦法能在iso和android上自動播放背景音樂，請聯系我~~~Thx
參考資料：
http://stackoverflow.com/questions/4259928/how-can-i-autoplay-media-in-ios-4-2-1-mobile-safari
http://www.ibm.com/developerworks/library/wa-ioshtml5/index.html