play() failed because the user didn‘t interact with the document first.

最新推荐文章于 2024-08-09 14:49:25 发布
最新推荐文章于 2024-08-09 14:49:25 发布
阅读量520 收藏
点赞数
分类专栏： web前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17627195/article/details/134347082
版权
本文描述了在Chrome66版本更新后，为防止标签页产生随机噪音，浏览器开始遵循autoplay政策导致视频不自动播放的问题。解决方案是为video标签设置muted属性使其静音。经过测试，此方法有效解决了问题。
摘要由CSDN通过智能技术生成

起因： 进入页面视频不自动播放（有时候可以，有时候不行）。
原因： Chrome 在66版本后为了避免标签产生随机噪音，都在遵循autoplay政策。

解决方法： 为 video 标签设置静音状态即可（添加 muted 属性）

<video src="xxx.mp4" autoplay muted preload class="video" id="xx"></video>

经测试，上面方法可以解决问题

最凶残的小海豹
关注
专栏目录
HTML5：在JS中控制音频播放时报错——DOMException: play() failed because the user didn‘t interact with the document
Alice_Lee_Lee的博客
08-26 2788
说明 在谷歌浏览器中打开，在JS中指定 src，鼠标移入 div 音频播放，移出时暂停 页面 <style> div { width: 100px; height: 100px; background: tomato; margin: 100px auto; } </style> <div id="test"></div> <audio></audio>
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.
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document...
weixin_33887443的博客
12-03 7203
最近在开发一个网站时，有个需要是 如果有新预警信息要在网页中播放提示音。页面打开会请求是否有新信息，有则播放提示音。在Chrome的最新浏览器中，播放会报错，控制台显示Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.搜索发现Chrom...
vue背景音频播放以及failed because the user didn‘t interact with the document first问题
m0_46978096的博客
08-09 338
【代码】vue背景音频播放以及failed because the user didn‘t interact with the document first问题。
[JavaScript] html5 video标签注意事项
weixin_30633405的博客
06-15 876
Chrome 66 禁止声音自动播放 声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说<audio autopaly></audio><video autoplay></vid...
play() failed because the user didn‘t interact with the document first
privateobject的博客
08-30 3万+
使用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 视频无法被play
weixin_44234050的博客
03-25 1416
js
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. 这里的意思是，是因为用户没有先和网页交互所以播放失败。
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方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】 用户再跟网页有了交互后，该报错不会再出现 如果必须再网页加载完就播放音频，详情请看 ...
DOMException: play() failed because the user didn‘t interact with the document first
热门推荐
指尖下的精灵
07-30 6万+
报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互 需求如下 实时刷新告警列表，保证用户获取到最新告警消息，当有新的告警消息时，响警报铃 解决方案 当用户首次进入页面时给提示用户启用告警铃声 let audioPlay = document.getElementById('myaudio') audioPlay.play() setTimeout(() => { audioPlay.pause() .
play() failed because the user didn't interact with the document first.
08-23
play() failed because the user didn't interact with the document first是一个错误信息，意思是用户没有先与文档进行交互。这个错误通常发生在最新版的Chrome浏览器（以及其他基于Chromium内核的浏览器）中，这些...
play() failed because the user didn t interact with the document first
08-19
这个错误通常发生在浏览器中使用某些音频或视频播放器时。它意味着用户在与页面进行交互之前尝试播放媒体。这是浏览器的一种保护机制，旨在防止自动播放媒体对用户体验造成干扰。 为了解决这个问题，您可以尝试以下...
ncaught (in promise) NotAllowedError: play() failed because the user didn't interact with the document first.
最新发布
09-12
这个错误提示 "NotAllowedError: play() failed because the user didn't interact with the document first" 是由于你在尝试通过JavaScript的 `audio` 对象播放音频时，违反了浏览器的安全策略。按照现代浏览器的...
报错 play() failed because the user didn‘t interact with the document first
qq_45976132的博客
05-18 2万+
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
sjslln的博客
09-04 1万+
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. 报错解决
weixin_44544388的博客
04-20 3299
报错内容 <audio id="audioVoice" :key="Math.random()" :autoplay="false" > <source :src="countdownAudio" type="audio/mpeg"> </audio> 尝试加载后立即播放音频，有报错： 问题原因 引用： It´s because Google updated its Autoplay Pol..
audio报错DOMException: play() failed because the user didn‘t interact with the document first
weixin_43452622的博客
04-03 2515
封装一个包含自动播放，循环播放、暂停功能的Aduio组件
解决Selenium在chrome中播放视频报错：play() failed because the user didn't interact with the document first.
boweiqiang的博客
03-17 2856
用selenium在chrome浏览器中自动化播放html5中的视频时，遇到如下报错： Error Traceback (most recent call last): File "/Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/unittest/case.py", line 59, in testPartE...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值