audio标签不可以自动播放音乐的解决办法

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yjie970715/article/details/89919158

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();/*暂停*/
           }
       });

这样可以实现点击播放按钮播放音乐,再次点击暂停音乐。

展开阅读全文

没有更多推荐了,返回首页