html - html5 audio 音樂自動播放，循環播放等

轉自：http://blog.csdn.net/u012246458/article/details/50618759

audio播放音樂

 

<audio id="audio" src="images/openspeech.mp3" style="opacity:0" preload="auto" controls loop hidden="true"/>

 

這段代碼是：可做背景音樂

                     頁面加載加載音樂但是不播放

                     通過調用這段代碼：

var myAuto = document.getElementById('audio');
                    myAuto.play();

                     音樂播放。

 

其它屬性解釋：

• preload: 如果出現該屬性，則音頻在頁面加載時進行加載，並預備播放。如果使用 "autoplay"，則忽略該屬性。
• autoplay: 如果出現該屬性，則音頻在就緒后馬上播放。代碼：autoplay="autoplay" ，也可以用:autoplay="true" 
• controls: 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
• loop: 如果出現該屬性，則每當音頻結束時重新開始播放。
• hidden: 隱藏播放界面