html - html5 audio 音乐自动播放，循环播放等

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

audio播放音乐

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

这段代码是：可做背景音乐

页面加载加载音乐但是不播放

通过调用这段代码：

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

音乐播放。

其它属性解释：

• preload: 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
• autoplay: 如果出现该属性，则音频在就绪后马上播放。代码：autoplay="autoplay" ，也可以用:autoplay="true"
• controls: 如果出现该属性，则向用户显示控件，比如播放按钮。
• loop: 如果出现该属性，则每当音频结束时重新开始播放。
• hidden: 隐藏播放界面