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相关推荐

  1. 谷歌chrome浏览器无法自动播放video标签视频的问题

    问题根源详见:Chrome中的自动播放政策>>  https://developer.chrome.com/blog/autoplay/ The Autoplay Policy launc ...

  2. Chrome浏览器无法自动播放音频视频

    比较常规的做法是,为video标签设置muted属性,使它静音,这样视频就能自动播放了,但是没有声音.然后待用户在网页上有了任意触发后,再将muted去掉.或者让用户手动去打开音频(腾讯视频就是这样做 ...

  3. 解决Chrome浏览器无法自动播放音频视频的问题,Uncaught(in promise) DOMException

    转载http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动 ...

  4. 解决Chrome浏览器无法自动播放音频视频的问题

    谷歌浏览器做了改革,不再允许自动播放音频和视频.Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频. <video autoplay></video> 所以好多需 ...

  5. 微信小程序web-view使用audio标签播放音频文件时无法自动播放的问题

    重点: 这个解决方法仍然最少还是需要点击一次才可以, 完全不点击就自动播放的方法暂时还是没有找到 1. 背景 我要实现的功能是语音导航, 需要将导航的信息通过文字转换成语音, 然后播放出来. 现在就差 ...

  6. 谷歌(chrome)浏览器不能自动播放视频video标签

    问题:VIDEO播放视频只有声音不出现画面 原因:视频格式有问题 mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264) 使用H264格式,视频播放正常 问题:谷歌 ...

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

    先随便设置下audio路径 <audio src="xxx.mp3" id="video" ref="video"></a ...

  8. [JavaScript] audio在浏览器中自动播放

    audio 在浏览器中自动播放 autoplay 属性 autoplay 属性规定一旦音频就绪马上开始播放. 如果设置了该属性,音频将自动播放. 使用 autoplay 属性进行播放 //使用auto ...

  9. 解决google浏览器无法自动播放音视频问题

    浏览器报错:Unmuting failed and the element was paused instead because the user didn't interact with the d ...

最新文章

  1. zabbix详细介绍及其自动动态发现
  2. 985硕博导师:如果你没空看书,我强烈建议你做这件事
  3. ie对java的设置字体,css3文字特效和浏览器兼容性
  4. 数值分析第五版电子版_二年级上册数学重点必考题20道,看看不吃亏!【有电子版】...
  5. Nacos简介、下载与配置持久化到Mysql
  6. ant压缩和解压缩工具类
  7. 谷歌金山词霸最终版下载地址公布
  8. mac系统调节鼠标、触控板灵敏度
  9. 电脑系统pe去广告及恶意软件安装
  10. 利用手机距离感应器来切换扬声器和听筒播放
  11. SVN Cleanup之后显示Skipped remains conflicted / 提交missing状态处理
  12. 待办事项列表,敏捷项目管理的核心工件
  13. linux 空白进程,Linux空白行:行号显示、空白行数统计、删除空白行
  14. 解决双屏切换为单屏,打开的软件窗口无法显示问题
  15. archivelog模式和flashback db以及guarantee restore point之间的相互制约关系!
  16. PC项目——vue 脚手架中实现阿里云人机滑动验证
  17. 顺序表的具体使用方法.数据解构(二)
  18. 隐藏自己的Linux内核模块
  19. CG迭代,CSR矩阵,cublas和cuspares加速
  20. rman系列之在window平台和linux平台上rman的自动备份

热门文章

  1. linux基础教程之Linux操作系统安装图文配置教程详细版
  2. Internet Explorer已停止工作的解决方法
  3. 使用 JAVA 队列把高并发转为批量串行降低后端并发压力
  4. 嘴馋怎么办?18种减肥小零食供你选择
  5. 学习目标以及计划、打卡——大一下学期
  6. 如何绘制一个圆的不同方法技巧
  7. 进程间通讯Messenger
  8. Yolox_x可视化网络结构图
  9. 看到半年前备忘录中的文字,我笑了
  10. django中发送html邮件以及html中含有图片的邮件