解决`play() failed because the user didn‘t interact with the document`

最新推荐文章于 2025-09-21 23:11:14 发布
转载 最新推荐文章于 2025-09-21 23:11:14 发布 · 4.3w 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/6844903605170864136

博客提及Chrome 66禁止声音自动播放，重点关注开发者应如何应对这一情况，涉及前端开发中浏览器新特性带来的开发问题及解决思路。
该文章已生成可运行项目，
本文章已经生成可运行项目
phaser.min.js:27 Uncaught (in promise) DOMException: play() failed because the user ...(已解决)
撑起自己半边天
07-20 481
解决方案：设置视频为静音就可以了（video.setMute(false)）
audio自动、循环播放，调节音量DOMException: play() failed because the user didn‘t interact with the document firs
拿回忆下酒
06-30 1846
最近想做一个，打开页面自动播放背景音乐的效果，寻思使用audio播放不就好了。 答案肯定是不好使！！！，好使也不用我在这里总结了。 报错提示 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document ...
浏览器安全机制：视频播放权限问题
qq_45796592的博客
09-21 951
【摘要】浏览器出于安全考虑禁止网页自动播放音频，解决该问题
DOMException: play() failed because the user didn‘t interact wit
02-02
DOMException: play() failed because the user didn‘t interact with the document first.
自动播放音频 audioDom.play() 报错 - play() failed because the user didn‘t interact with the document first.
工作中遇到问题记录
01-31 7217
`audioDom.play()` 自动播放音频时报错：`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
sjslln的博客
09-04 3万+
audio.html:43 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
play() failed because the user didn‘t interact with the document first
热门推荐
privateobject的博客
08-30 6万+
使用js调用音频文件报错，错误信息如下： play() failed because the user didn’t interact with the document first 翻译：play方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】 用户再跟网页有了交互后，该报错不会再出现 参考： 链接内的评论 解决方案 解决方式： muted=“muted” 在标签上添加 <video muted="muted"></video> ...
play() failed because the user didn t interact with the document first
08-19
为了解决这个问题，您可以尝试以下几种方法： 1. 在用户与页面进行交互之后再开始播放媒体。您可以添加一个“播放”按钮，当用户点击按钮时触发播放操作。 2. 使用浏览器的自动播放策略，让媒体在用户与页面进行...
play failed because the user didn't interact with the documnet first
07-01
在使用 Play Framework 时，如果遇到播放失败的问题，并提示“play failed because the user didn't interact with the document first”，这通常是由于浏览器的安全策略限制了自动播放功能。现代浏览器要求音频或...
play() failed because the user didn't interact with document first
最新发布
10-14
在网页开发中，`play()` 方法调用失败，提示 “play() failed because the user didn't interact with document first”，这是因为浏览器出于用户体验和防止自动播放广告等原因，对自动播放音频或视频进行了限制，...
play() failed because the user didn‘t interact with the document优化媒体不能自动播放
wzp20092009的博客
09-14 5万+
谷歌浏览器 video 元素设置 autoplay，我们原意是希望页面加载时自动播放，但实际上并没有自动播放，在控制台报错如下： Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. 这里的意思是，是因为用户没有先和网页交互所以播放失败。
play() failed because the user didn't interact with the document first
wed2100304的专栏
11-18 3万+
vue使用js调用音频文件报错，错误信息如下： play() failed because the user didn't interact with the document first 翻译：play方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】 用户再跟网页有了交互后，该报错不会再出现 如果必须再网页加载完就播放音频，详情请看 ...
报错 play() failed because the user didn‘t interact with the document first
qq_45976132的博客
05-18 5万+
Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD 报这个错是因为 在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay属性也一样不能自动播放 在我项目中的原因是因为我把播放声音的按钮设置为t
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document...
weixin_33887443的博客
12-03 7606
最近在开发一个网站时，有个需要是 如果有新预警信息要在网页中播放提示音。页面打开会请求是否有新信息，有则播放提示音。在Chrome的最新浏览器中，播放会报错，控制台显示Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.搜索发现Chrom...
play() failed because the user didn’t interact with the document first 视频无法被play
weixin_44234050的博客
03-25 2万+
js
play() failed because the user didn‘t interact with the document first.
qq_17627195的博客
11-11 2万+
版本后为了避免标签产生随机噪音，都在遵循autoplay政策。进入页面视频不自动播放（有时候可以，有时候不行）。标签设置静音状态即可（添加。经测试，上面方法可以解决问题。
play() failed because the user didn‘t interact with the document first. 报错解决
weixin_44544388的博客
04-20 3574
报错内容 <audio id="audioVoice" :key="Math.random()" :autoplay="false" > <source :src="countdownAudio" type="audio/mpeg"> </audio> 尝试加载后立即播放音频，有报错： 问题原因 引用： It´s because Google updated its Autoplay Pol..
在浏览器加载完毕后，自动播放视频：出现play() failed because the user didn't interact with the document first.错误
weixin_42398560的博客
09-15 1万+
解决方法：给video标签加入<video muted></video> 静音即可。 Chrome 66为了避免标签产生随机噪音。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值