js解决chrome浏览器无法自动播放音频

先随便设置下audio路径

<audio src="xxx.mp3" id="video" ref="video"></audio>

然后在用户点击页面的时候设置真实的src路径

$(document).click(_=>{document.getElementById("video").src="xxx.mp3";//注意如果是vue，这边的路径要加require,不然可能找不到，如require("@/assets/video/xxx.mp3")
});

然后就可以一直调用play()方法了

this.$refs.video.play();

无法做到一刷新就播放声音，得用户点击页面了才有办法

js解决chrome浏览器无法自动播放音频相关推荐

解决Chrome浏览器无法自动播放音频视频的问题，Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...
解决Chrome浏览器无法自动播放音频视频的问题
谷歌浏览器做了改革,不再允许自动播放音频和视频.Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频. <video autoplay></video> 所以好多需 ...
Chrome浏览器无法自动播放音频视频
比较常规的做法是,为video标签设置muted属性,使它静音,这样视频就能自动播放了,但是没有声音.然后待用户在网页上有了任意触发后,再将muted去掉.或者让用户手动去打开音频(腾讯视频就是这样做 ...
解决chrome浏览器无法自动调用阿里旺旺客户端聊天软件
2019独角兽企业重金招聘Python工程师标准>>> 解决chrome浏览器无法自动调用阿里旺旺客户端聊天软件复制粘贴以下代码,可以直达设置页面 chrome://setting ...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题一般的浏览器input和button的高度不一致问题...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...
＜audio＞播放音频Chrome浏览器禁止自动播放问题 play() failed because the user didn‘t interact with the document first
2018年一月份开始 Chrome浏览器不会再自动播放音频文件用户必须对网页进行主动触发后才可自动播放 <audio id="audio" autoplay=" ...
解决google浏览器无法自动播放音视频问题
浏览器报错:Unmuting failed and the element was paused instead because the user didn't interact with the d ...
谷歌chrome浏览器无法自动播放video标签视频的问题
问题根源详见:Chrome中的自动播放政策>> https://developer.chrome.com/blog/autoplay/ The Autoplay Policy launc ...
krpano全景之解决微信内置浏览器不能自动播放音频的问题
body里面添加audio标签 ** ![](https://img-blog.csdn.net/20170119105337732?watermark/2/text/aHR0cDovL2Jsb2cu ...

js解决chrome浏览器无法自动播放音频

js解决chrome浏览器无法自动播放音频相关推荐

最新文章

热门文章