H5的新特性 ,音频不可以自动播放,除非用户自己添加。所以从后台读取出来的音频,需要做操作。
<i class="layui-icon layui-icon-headset" id="player" title="播放音乐">
<audio style="display: none" id="uploadMusic" class="layui-icon layui-icon-headset" controls="controls" title="播放音乐">
$("#player").bind("click",function () {
let uploadMusic = $("#uploadMusic")[0]; /*jquery对象转换成js对象*/
if (uploadMusic.paused){
/*如果已经暂停*/
uploadMusic.play();/*播放*/
}else {
uploadMusic.pause();/*暂停*/
}
});
这样可以实现点击播放按钮播放音乐,再次点击暂停音乐。