码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-07-04 23:23:32      阅读:919      评论:0      收藏:0      [点我收藏+]

标签:copyto   通过   ensp   audio   pen   div   views   mp3   blog   

转自: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: 隐藏播放界面

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

标签:copyto   通过   ensp   audio   pen   div   views   mp3   blog   

原文地址:http://www.cnblogs.com/mochaMM/p/7118875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!