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()就好了。
如果有更好的办法请大家多多赐教