Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document

最新推荐文章于 2024-02-01 23:50:47 发布
最新推荐文章于 2024-02-01 23:50:47 发布
阅读量2.3k 收藏
点赞数 2
分类专栏： 前端 文章标签： javascript 前端 chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiehong1020/article/details/122290523
版权

谷歌浏览器控制台报错Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.
挺纳闷有时候可以有时候不行的，后来才发现，谷歌推出的防骚扰，页面打开不能自动播放音频和视频，页面加载js触发也不行，页面加载玩必须要用户鼠标或者键盘触发一次页面。（个人状态–无解）

揭小宏
关注
专栏目录
HTML5：在JS中控制音频播放时报错——DOMException: play() failed because the user didn‘t interact with the document
Alice_Lee_Lee的博客
08-26 3046
说明 在谷歌浏览器中打开，在JS中指定 src，鼠标移入 div 音频播放，移出时暂停 页面 <style> div { width: 100px; height: 100px; background: tomato; margin: 100px auto; } </style> <div id="test"></div> <audio></audio>
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document...
weixin_33887443的博客
12-03 7335
最近在开发一个网站时，有个需要是 如果有新预警信息要在网页中播放提示音。页面打开会请求是否有新信息，有则播放提示音。在Chrome的最新浏览器中，播放会报错，控制台显示Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.搜索发现Chrom...
jQuery报错 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
weixin_45651609的博客
09-11 2万+
jQuery报错 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
Uncaught (in promise) DOMException: play failed because the user didn't interact with the document first
05-30
这个错误通常出现在Web页面中尝试自动播放音频或视频时。浏览器为了防止恶意网站自动播放媒体内容而采取了这个措施。...另外，你也可以在媒体元素上添加属性`muted`，这样就可以绕过自动播放限制。...
vue 音频Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first
09-12
在Vue中，当尝试在没有与文档进行交互的情况下播放音频时，可能会出现"Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first"的错误。这是因为现代浏览器...
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document
qq_38402659的博客
03-12 2608
<video title="Advertisement" webkit-playsinline="true" playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;" src="http://co...
[已解决]Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
a474416564的博客
02-17 1706
上面代码是地址，下面是js操作。如果是mp3文件source中的type要改为audio/mpeg。 在谷歌浏览器页面跳转有效果，但是刷新页面时会报错，不知原因. 有个坑就是firefox浏览器不识别MP3，得用wav文件。
autoplay不起作用 Uncaught (in promise) DOMException: play() failed because the user didn‘t interac
总结前端开发中遇到的问题，分享前端知识
06-06 3997
浏览器提示报错-->Uncaught (in promise) DOMException: play() failed because the user didn't interac 分析：浏览器为了提高用户体验，减少性能消耗，只有在发生用户行为的时候才可以播放音频或视频。而页面加载，定时请求不属于用户行为，因此被禁止自动播放......
音频播放时出现 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the ...
weixin_30478619的博客
11-29 2万+
<audio id="play" controls="controls" loop="loop"> <source src="horse.mp3" type="audio/mpeg"> </audio>浏览器出现：Uncaught (in promise) DOMException: play() failed because the user di...
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
weixin_45337447的博客
07-04 4938
属性指向一个音频文件，使它播放音频。为了给用户比较好的体验，这个音频文件最好是一个空的音频文件，即没有音频内容的文件，时长也尽可能短一点，比如。解决因为浏览器限制不能自动播放音频视频的缺陷，最主要还是因为需求不然谁闲着饶这么大的弯子去这么搞，废话不多说了。属性，使它静音，这样视频就能自动播放了，但是没有声音。然后待用户在网页上有了任意触发后，再将。播放了这个音频文件后，就能触发网页播放音频的权限，这样再来播放视频或音频，就没有问题了。*注意该方案只适用于本地调试。
audio.play Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
最新发布
08-09
当你尝试直接调用`audio.play()`来播放音频时，有时会遇到`DOMException: play() failed because the user didn't interact with the document first`这样的错误。这个错误通常是浏览器为了保护用户隐私和避免滥用...
caught (in promise) DOMException: play() failed because the user didn‘t interact with the document
Ricale的博客
04-21 1079
因为用户没有首先与文档交互。这是由于Chrome 66之后为了避免标签产生随机噪音禁止没有交互前使用js进行播放，防止开发者滥用自动播放功能而对用户产生骚扰
html5 autoplay不起作用 Uncaught (in promise) DOMException: play() failed because the user didn't interac
热门推荐
red_heel的博客
05-30 6万+
Chrome的autoplay政策在2018年4月做了更改。新的行为：浏览器为了提高用户体验，减少数据消耗，现在都在遵循autoplay政策，Chrome的autoplay 政策非常简单1. muted autoplay始终被允许2. 音乐的autoplay 只有在下面集中情况下起作用：    1. 有用户行为发生像（click,tap,etc）.    2. 对于桌面程序，用户已经提前播放了音频...
DOMException: play() failed because the user didn‘t interact with the document first.
qq 117791303
02-01 651
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
play() failed because the user didn‘t interact with the document优化媒体不能自动播放
wzp20092009的博客
09-14 1万+
谷歌浏览器 video 元素设置 autoplay，我们原意是希望页面加载时自动播放，但实际上并没有自动播放，在控制台报错如下： 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、付费专栏及课程。

余额充值