首页 > 代码库 > html - html5 audio 音乐自动播放，循环播放等

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

2024-10-16 21:29:02   214人阅读

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

audio播放音乐

 

[java] view plain copy
 
  1. <audio id="audio" src=http://www.mamicode.com/"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: 隐藏播放界面

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


联系
我们