<audio>播放音频Chrome浏览器禁止自动播放问题 play() failed because the user didn‘t interact with the document first
2018年一月份开始 Chrome浏览器不会再自动播放音频文件 用户必须对网页进行主动触发后才可自动播放
<audio id="audio" autoplay="autoplay">
<source src="test.ogg" />
</audio>
<audio id="audio" preload="auto">
<source src="test.ogg" />
</audio>
1.现象:使用audio标签播放音频时,audio设置为autoplay或直接audio.play()。打开页面,若用户未与页面进行交互(如任意位置点一下),会报以下错误,无法播放
2.查询解决方法,尝试使用muted属性、chrome://flags中将“Autoplay policy”修改为 “No user gesture is required”(Autoplay policy好像已被取消,并未找到)等方法都未解决,还有什么把播放器显示出来巴拉巴拉啥啥啥的都不好使,
3.解决办法:在网站设置中,将网站的声音权限设置为“允许”,如图
<audio>播放音频Chrome浏览器禁止自动播放问题 play() failed because the user didn‘t interact with the document first相关推荐
- 谷歌chrome浏览器无法自动播放video标签视频的问题
问题根源详见:Chrome中的自动播放政策>> https://developer.chrome.com/blog/autoplay/ The Autoplay Policy launc ...
- Chrome浏览器无法自动播放音频视频
比较常规的做法是,为video标签设置muted属性,使它静音,这样视频就能自动播放了,但是没有声音.然后待用户在网页上有了任意触发后,再将muted去掉.或者让用户手动去打开音频(腾讯视频就是这样做 ...
- 解决Chrome浏览器无法自动播放音频视频的问题,Uncaught(in promise) DOMException
转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...
- 解决Chrome浏览器无法自动播放音频视频的问题
谷歌浏览器做了改革,不再允许自动播放音频和视频.Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频. <video autoplay></video> 所以好多需 ...
- 微信小程序web-view使用audio标签播放音频文件时无法自动播放的问题
重点: 这个解决方法仍然最少还是需要点击一次才可以, 完全不点击就自动播放的方法暂时还是没有找到 1. 背景 我要实现的功能是语音导航, 需要将导航的信息通过文字转换成语音, 然后播放出来. 现在就差 ...
- 谷歌(chrome)浏览器不能自动播放视频video标签
问题:VIDEO播放视频只有声音不出现画面 原因:视频格式有问题 mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264) 使用H264格式,视频播放正常 问题:谷歌 ...
- js解决chrome浏览器无法自动播放音频
先随便设置下audio路径 <audio src="xxx.mp3" id="video" ref="video"></a ...
- [JavaScript] audio在浏览器中自动播放
audio 在浏览器中自动播放 autoplay 属性 autoplay 属性规定一旦音频就绪马上开始播放. 如果设置了该属性,音频将自动播放. 使用 autoplay 属性进行播放 //使用auto ...
- 解决google浏览器无法自动播放音视频问题
浏览器报错:Unmuting failed and the element was paused instead because the user didn't interact with the d ...
最新文章
- zabbix详细介绍及其自动动态发现
- 985硕博导师:如果你没空看书,我强烈建议你做这件事
- ie对java的设置字体,css3文字特效和浏览器兼容性
- 数值分析第五版电子版_二年级上册数学重点必考题20道,看看不吃亏!【有电子版】...
- Nacos简介、下载与配置持久化到Mysql
- ant压缩和解压缩工具类
- 谷歌金山词霸最终版下载地址公布
- mac系统调节鼠标、触控板灵敏度
- 电脑系统pe去广告及恶意软件安装
- 利用手机距离感应器来切换扬声器和听筒播放
- SVN Cleanup之后显示Skipped remains conflicted / 提交missing状态处理
- 待办事项列表,敏捷项目管理的核心工件
- linux 空白进程,Linux空白行:行号显示、空白行数统计、删除空白行
- 解决双屏切换为单屏,打开的软件窗口无法显示问题
- archivelog模式和flashback db以及guarantee restore point之间的相互制约关系!
- PC项目——vue 脚手架中实现阿里云人机滑动验证
- 顺序表的具体使用方法.数据解构(二)
- 隐藏自己的Linux内核模块
- CG迭代,CSR矩阵,cublas和cuspares加速
- rman系列之在window平台和linux平台上rman的自动备份