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

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

audio播放音乐

 

[java]  view plain  copy

 

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

 

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

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

                     通过调用这段代码：

[java]  view plain  copy

 

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

                     音乐播放。

 

其它属性解释：

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

转载于:https://www.cnblogs.com/mochaMM/p/7118875.html