报错 Uncaught (in promise) DOMException

最新推荐文章于 2024-02-22 11:21:20 发布
最新推荐文章于 2024-02-22 11:21:20 发布
阅读量7k 收藏
点赞数 1
分类专栏： 前端 文章标签： 报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kktt_chengxu/article/details/88691957
版权

写video标签，写事件执行this.play()时，报错：
在这里插入图片描述
据了解，是因为新版谷歌禁止播放器自动播放，但可以有解决方法，方法如下：
一、登陆网站
chrome://flags/#autoplay-policy

二、设置
在Autoplay policy设置选项中选择No user gesture is required
在这里插入图片描述

kktt_chengxu
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决Vue-Router升级导致的Uncaught (in promise)问题
10-14
主要介绍了解决Vue-Router升级导致的Uncaught (in promise)问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement' 的解决办法
读万卷书，行万里路
09-28 1万+
1 发现问题最近开发了 Excel 导入、导出工具，极大地提升了工作效率，沾沾自喜中。然而把项目部署在测试环境上，却发现在 chrome 中无法上传文件，日志报了以下错误：Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with
浏览器控制台报错：Uncaught DOMException: Failed to read the ‘localStorage‘ property from ‘Window‘：Access is d
前端笔记——放弃很容易,但坚持一定很酷
02-04 1172
不同浏览器的设置选项不同：主要的思路就是将浏览器的Cookie设置成允许第三方Cookie。浏览器默认是选择第二项：在无痕模式下阻止第三方Cookie，所以才会出现问题。
使用微信开发者工具显示渲染层错误 解决方法
菩提本无树的博客
02-22 1850
使用微信开发者工具显示渲染层错误 的解决方法
Uncaught DOMException:
04-24
NULL 博文链接：https://lbyzx123.iteye.com/blog/2359387
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Uncaught (in promise) TypeError: Cannot read property 'ownerDocument' of null 报错详解
咕咕鸡的执着
05-06 8577
Uncaught (in promise) TypeError: Cannot read property ‘ownerDocument’ of null 报错详解 问题重述：在使用开发的时候使用vue页面转pdf的时候出现的。 首先在/src文件夹下创建一个htmlToPdf.js文件 // 导出页面为PDF格式 import html2Canvas from 'html2canvas' ...
Uncaught (in promise) DOMException 报错
热门推荐
出埃及记
04-09 4万+
最近在项目里面加入视频自动播放，有时候会报错(RT)，不能自动播放。 <video id="videoPlayer" v-show="!isNormalCamera" class="preview-video" name="media" controls="controls" autoplay="autoplay" loop > <source :src="v...
Uncaught (in promise) DOMException: Failed to read the ‘buffered’ property from ‘SourceBuffer’: This
小新
01-25 785
解决报错flv播放视频流的时候遇到了个错误Uncaught (in promise) DOMException: Failed to read the ‘buffered’ property from ‘SourceBuffer’:This SourceBuffer has been removed from the parent media source.
Uncaught (in promise) DOMException谷歌浏览器js报错分析
ccdok123的专栏
04-27 2520
用chrome调试页面时，发现audio控件有时不能正常播放音频，控制台报错 Uncaught (in promise) DOMException...该选项修改自动播放的政策，应该可以解决chrome下视频、音频无法正常自动播放的问题 Chrome的自动播放的政策在2018年4月做了更改，这点在开源中国的这篇文章中也有说到。 新的行为：浏览器为了提高用户体验，减少数据消耗，现在都在遵循aut...
Uncaught DOMException: Failed to read the 'localStorage' property from 'Window' 解决办法
6块腹肌的博客
07-04 2万+
打开设置 -- 高级 -- 内容管理 -- cookie 然后将 “阻止第三方Cookie” 的选项关闭
Uncaught DOMException: Failed to read the ‘localStorage‘ property from ‘Window‘: Access is denied fo
weixin_45185103的博客
08-27 7424
用LocalStorage本地存储数据时报错Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
EasyWasmPlayer播放视频报错Uncaught (in promise）DOMException
TSINGSEE青犀视频官方技术博客
11-10 1410
作为TSINGSEE青犀视频开发的视频流媒体播放器，EasyPlayer 系列项目都支持集成以及二次开发，也可以通过下载试用获得真实的测试效果。其中新的 H.265 播放器分支 EasyWasmPlayer 播放器是网页播放的主流播放器。 当我们在项目中采用 EasyWasmPlayer 播放视频时，控制台会一直出现报错 Uncaught (in promise）DOMException。本文我们分析下该报错是什么问题导致的。 其实这个问题是浏览器阻止自动播放导致的错误，用户设置了自动播放，所以在首
setuptools-58.0.3.tar.gz
05-12
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
变压器DGA溶解气体数据（357组）
最新发布
05-13
包含六种故障类型： 中低温过热 高温过热 低能放电 高能放电 局部放电 正常 111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111需要直接下载就可
电抗器设计软件.zip
05-12
电抗器设计软件
base.apk
05-12
base.apk
SM4-CTS代码实现及基本补位示例代码
05-12
代码参照openssl-3.3.0-alpha1，可独立运行。示例包含块加密，基本补位方式示例
音频Uncaught (in promise) DOMException 报错
07-25
回答: 当你在网页中尝试播放音频时，可能会遇到"Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first."的报错。这是因为现代浏览器为了防止自动播放音频而采取的安全措施。为了解决这个问题，你可以通过以下几种方式来处理。首先，你可以在用户与网页有任何交互后再播放音频，比如在用户点击页面的某个元素时。你可以使用以下代码来实现这个功能：\[2\] ``` document.body.addEventListener('mousedown', function(){ var vdo = $("video")\[0\]; //jquery vdo.muted = false; }, false); ``` 另外，你也可以使用JavaScript代码显式调用play方法来播放音频。你可以在视频元素上设置src属性，并在oncanplay事件触发后调用play方法。以下是一个示例代码：\[3\] ``` <video></video> <script type="text/javascript"> var vdo = $("video")\[0\]; //jquery vdo.src = "YOUR_VIDEO_URL"; vdo.oncanplay = function(){ this.play(); }; </script> ``` 通过以上方法，你可以解决"Uncaught (in promise) DOMException"报错并成功播放音频。 #### 引用[.reference_title] - *1* *2* *3* [HTML5＜video＞报错Uncaught (in promise) DOMException解决方法[转]](https://blog.csdn.net/weixin_44038264/article/details/113701902)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值