H5视频、音频不能自动播放,Uncaught (in promise) DOMException

最新推荐文章于 2021-12-15 10:13:51 发布
最新推荐文章于 2021-12-15 10:13:51 发布
阅读量1.6k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xc_buxiangzhangda/article/details/88077040
版权

报错信息：

错误原因：Chrome的autoplay政策在2018年4月做了更改

解决办法：

1、在chrome浏览器访问：chrome://flags/#autoplay-policy

2、在Autoplay policy中将Default改为No user gesture is required

3、点击下方的“RELAUNCH NOW”

雪春不想长大
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5 自动播放chrome浏览器报错Uncaught (in promise) DOMException:
hangGe0111的博客
12-29 3万+
Chrome的自动播放的政策在2018年4月做了更改，这点在开源中国的这篇文章中也有说到。 新的行为：浏览器为了提高用户体验，减少数据消耗，现在都在遵循autoplay政策，Chrome的autoplay 政策非常简单 1. muted autoplay始终被允许 2. 音乐的autoplay 只有在下面集中情况下起作用：     2.1有用户行为发生像（click,tap,etc）； ...
填坑——audio不能正常播放，控制台报错 Uncaught (in promise) DOMException
热门推荐
Mariosss的博客
02-21 2万+
用chrome调试页面时，发现audio控件有时不能正常播放音频，控制台报错 Uncaught (in promise) DOMException； 解决方法如下： 在chrome的地址栏中输入：chrome://flags/#autoplay-policy，回车打开设置页面，在该设置改页面会看到黄色方框标记的字体：Autoplay policy ，该选项默认设置为Default，改为：No ...
H5页面在浏览器、微信中自动播放音频 Audio
keechi的专栏
01-26 4249
最简单的写法 <audio id="audio" src="path/to/audio.mp3" autoplay></audio> 但是目前部分浏览器为了用户体验，禁止了audio的autoplay的属性，包括不限于chrome、safari、微信内置浏览器。 对于微信浏览器，可以添加一个document事件WeixinJSBridgeReady来在事件触发后执行a...
JS视频| DOMException: 无法启动视频源(DOMException: Could not start video source)
nil null NSnull undefined
11-29 1万+
JS视频| DOMException: 无法启动视频源(DOMException: Could not start video source) 问题 DOMException: Could not start video source 信息： DOMException: 无法启动视频源 你还在使用navigator.getUserMedia //navigator.getUserMedia 已被弃用 navigator.getUserMedia({ video: {} }, stream
EasyWasmPlayer播放视频报错Uncaught (in promise）DOMException
TSINGSEE青犀视频官方技术博客
11-10 1442
作为TSINGSEE青犀视频开发的视频流媒体播放器，EasyPlayer 系列项目都支持集成以及二次开发，也可以通过下载试用获得真实的测试效果。其中新的 H.265 播放器分支 EasyWasmPlayer 播放器是网页播放的主流播放器。 当我们在项目中采用 EasyWasmPlayer 播放视频时，控制台会一直出现报错 Uncaught (in promise）DOMException。本文我们分析下该报错是什么问题导致的。 其实这个问题是浏览器阻止自动播放导致的错误，用户设置了自动播放，所以在首
使用video标签时报错 Uncaught (in promise) DOMException
weixin_43795169的博客
05-14 9617
问题 <video id="video" preload> <source src="1.mp4"></source> </video> play(){ var video=document.geiElementById('video'); video.play(); //播发视频 // video.pause(); //停止播放 } 运行时报错 Uncaught (in promise) DOMException 原因
网页视频不能自动播放？HTML5 video报错Uncaught (in promise) DOMException解决方法
逐浪CMS发哥的博客
01-26 1681
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EsXOhdoY-1611632333201)(/UploadFiles/Anony/content/md/elbkemM3wu.jpg “在这里插入图片描述”)] 话说发哥四年前写了一个网页，如上图效果，实际网址http://pano.z01.com ，话说做好时是正常的，突然某一天，客户说你这个网站动画不见了，这是什么原因？ 结果检查脚本一切正常。 其实也不是动画完全消失，关键是要用鼠标点击一下，才可以播放，否则autopla
Uncaught DOMException:
04-24
标题“Uncaught DOMException:”通常出现在JavaScript编程中，指的是在执行代码时遇到了一个未捕获的DOM（Document Object Model）异常。这个错误通常意味着在访问或操作DOM元素时发生了问题，可能是由于尝试访问不...
解决Vue-Router升级导致的Uncaught (in promise)问题
11-19
在升级Vue-Router至3.1.0及以上版本后，开发者可能会遇到一个常见的问题：在进行路由跳转时，控制台会抛出`Uncaught (in promise)`错误。这个错误的出现是由于Vue-Router从3.1.0版本开始，`push`和`replace`方法开始...
BaseAudioContext
Claroja
02-02 817
不直接使用BaseAudioContext而是使用它的继承AudioContext 属性 属性 描述 BaseAudioContext.currentTime 双精度物理硬件时间,从0开始 BaseAudioContext.destination graph终点 BaseAudioContext.listener BaseAudioContext.sampleRate...
Electron 开启摄像头失败记录
m0_58971874的博客
07-20 3242
源码： 报错如下： promise) DOMException: Could not start video source 一开始分析是其他应用程序占用，于是关闭Teams后再次尝试，发现还是不行，
vue开发中遇到的问题（文章过长，建议ctrl+F搜索关键字）
qq_43238125的博客
12-15 3943
一些在前端开发中比较零散的问题
谷歌浏览器 Uncaught SyntaxError: Could not start video source
weixin_45204847的博客
01-19 4810
谷歌浏览器允许自动播放音频视频 其实很简单 第一步： voide的 两个属性，autoplay muted <video id='video2' autoplay='autoplay' muted='muted'></video> 第二步： 先说说已经过时的方法， 进入 chrome://flags/ 搜索Autoplay policy ，该选项默认设置为Default，改为：No user gesture is required， 此方法已经行不通了，，以后不要在入坑了 现在的
解决Uncaught (in promise) ReferenceError: useStore is not defined的vuex报错
Abigail路小雨的博客
08-07 7297
如图所示useStore()找不到没有被定义!!! 在最上面加入import { useStore } from 'vuex' 就好了
Uncaught Error: Script error for "popper.js", needed by: bootstrap 解决方案
chenghundong6989的博客
12-24 3720
Uncaught Error: Script error for "popper.js", needed by: bootstrap https://requirejs.org/docs/errors.html#scripterror at makeError (require.j...
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught (in promise) DOMException
10年职场两茫茫，35岁凄凉奈若何
06-29 532
解决Chrome浏览器无法自动播放音频视频的问题，Uncaught (in promise) DOMException
音频Uncaught (in promise) DOMException 报错
最新发布
07-25
回答: 当你在网页中尝试播放音频时，可能会遇到"Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first."的报错。这是因为现代浏览器为了防止自动播放音频...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值