HTML5新增了video元素和audio元素，替代了傳統HTML4使用複雜的object元素與embed來播放視訊或者音訊的方法。這次的一個專案，產品經理要求手機載入開始時播放音樂，想到播放音樂，又是在ios和android平臺，那audio元素必然是首選。

一、audio的基本知識

 audio:標籤定義聲音，比如音樂或其他音訊流。 

二、audio的屬性

三、audio的寫法

寫法一：

你的瀏覽器還不支援哦

寫法二：

baishu.ogg，不支援在播放baishu.mp3

四、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

參考資料：