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

关于html5 audio自动播放的问题

时间:2014-12-22 12:41:30      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:

1.autoplay控制audio的自动播放,但是在ios系统上是忽略此选项的,目前还未找到解决的办法,如果哪位大神找到了,请赐教;

2.关于audio的自定义样式问题
controls,是在页面可控制,在页面显示,如果自定义的话,就需要不显示此属性,然后根据自己的样式定义,贴代码:
<audio id="myAudio" autoplay loop="loop" val="open">
<source src="路径" type="audio/mp3"></source>
</audio>
输入你想要的格式,
//控制页面样式
<div class="music_btn">
<div class="music_open">
<img src="http://www.rabbitpre.com/img/music/pause.png" class="open_img"> <img src="http://www.rabbitpre.com/img/music/play.gif">
</div>
<div class="music_close" style="display:none;">
<img src="http://www.rabbitpre.com/img/music/play.png" class="open_img"><img src="http://www.rabbitpre.com/img/music/paused2.png">
</div>
</div>
目前有了音乐,有了样式,那么问题来了 如何把样式和音乐播放控制在一起呢?
贴代码:var myAudio = document.getElementById(‘myAudio‘);

var myAudioWin = new Audio(); 

myAudioWin = myAudio;

myAudioWin.pause();//暂停

myAudioWin.play();//播放

然后根据你要显示的样式进行控制播放,选择myAudioWin.pause();或者myAudioWin.play()就好了。

如果有更好的办法请大家多多赐教

 

关于html5 audio自动播放的问题

标签:

原文地址:http://www.cnblogs.com/webgirl/p/4177841.html

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