首先,移动端浏览器大部分是禁用video和audio的autoplay功能;
并且,很多移动浏览器也不支持首次js调用play方法进行播放。
这样做主要是为了防止不必要的自动播放浪费流量。
要实现可以播放音频文件,不能隐藏播放的控件。
js方法调用play的代码:
<script> $(function(){ $("#body").on("touchstart",function(){ audio.play(); }); }); </script>
<audio src="a.mp3" controls="controls" autoplay="autoplay" loop="true"hidden="true"></audio>
controls="controls" : 显示音乐控件;
autoplay="autoplay" : 自动播放;
loop="true" : 循环播放;
hidden="true" : 隐藏。