关于html5 audio自动播放的问题

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()就好了。

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

 

转载于:https://www.cnblogs.com/webgirl/p/4177841.html