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

最新推荐文章于 2024-11-28 14:17:36 发布
原创 最新推荐文章于 2024-11-28 14:17:36 发布 · 6.1w 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #html5

当尝试使用JavaScript的play()方法播放音频时，可能会遇到'play() failed because the user didn’t interact with the document first'的错误。这表明在用户与网页交互之前，音频无法自动播放。为了解决这个问题，可以在音频标签<audio>中添加'muted'属性，例如：<audio muted='muted'></audio>。这样设置后，音频将在静音状态下自动播放，避免了用户交互的限制。

使用js调用音频文件报错，错误信息如下：
play() failed because the user didn’t interact with the document first
翻译：play方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】
用户再跟网页有了交互后，该报错不会再出现

参考：
链接内的评论
解决方案

解决方式：
muted=“muted” 在标签上添加

<video muted="muted"></video>

在这里插入图片描述

DOMException: play() failed because the user didn‘t interact with the document first.
qq 117791303
02-01 3万+
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
audio自动、循环播放，调节音量DOMException: play() failed because the user didn‘t interact with the document firs
拿回忆下酒
06-30 1845
最近想做一个，打开页面自动播放背景音乐的效果，寻思使用audio播放不就好了。 答案肯定是不好使！！！，好使也不用我在这里总结了。 报错提示 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document ...
浏览器自动播放音频时的错误拦截（Uncaught (in promise) NotAllowedError: play() ...... https://goo.gl/xX8pDD）
qq_45599738的博客
11-19 4813
对浏览器自动播放音频拦截的处理 Uncaught (in promise) NotAllowedError: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
jQuery报错 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
weixin_45651609的博客
09-11 3万+
jQuery报错 Uncaught (in promise) DOMException: play() failed because the user didn‘t interact
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.
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优化媒体不能自动播放
wzp20092009的博客
09-14 4万+
谷歌浏览器 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
08-19
这个错误通常发生在浏览器中使用某些音频或视频播放器时。它意味着用户在与页面进行交互之前尝试播放媒体。这是浏览器的一种保护机制，旨在防止自动播放媒体对用户体验造成干扰。 为了解决这个问题，您可以尝试以下...
play()failed because the user didn't interact with the document first
10-13
当调用JavaScript中的play()方法尝试播放音频或视频时，如果报错提示“play() failed because the user didn't interact with the document first”，这是由于浏览器的安全策略，也就是用户激活（User Activation）...
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”，这是因为浏览器出于用户体验和防止自动播放广告等原因，对自动播放音频或视频进行了限制，...
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document
qq_33192454的博客
07-17 1万+
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
【Laya开发问题汇总（一）】使用SoundManager播放音乐时报错 play() failed because the user didn‘t interact with the documen
qq_31713583的博客
09-25 1972
这个问题出现是因为谷歌的最新策略，规定音频播放之前必须与用户先进行交互，如果没有交互是不能直接播放音频的，否则就会报 play() failed because the user didn’t interact with the document first，虽然不影响使用，但是也不好看，解决办法：先将资源预加载再进行播放，代码如下： 这样就能避免这个报错了。 ...
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() .
EasyPlayer.js关于报错play() failed because the user didn‘t interact with the document first的问题
EasyNTS的博客
11-28 2万+
其中，EasyPlayer.js作为一款功能强大的H5播放器，凭借其全面的协议支持、多种解码方式以及跨平台兼容性，赢得了广泛的关注和应用。EasyPlayer播放器属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，无须安装任何插件，起播快、延迟低、兼容性强，使用非常便捷。用户希望打开页面的时候就直接自动播放带音频视频（单屏或者多屏），但是浏览器的自动播放策略是，必须是用户手动触发了事件之后，才能自动播放。静音状态下播放，添加一个交互事件，让用户手动触发下，再去播放视频。
自动播放音频 audioDom.play() 报错 - play() failed because the user didn‘t interact with the document first.
工作中遇到问题记录
01-31 7213
`audioDom.play()` 自动播放音频时报错：`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.
qq_17627195的博客
11-11 2万+
版本后为了避免标签产生随机噪音，都在遵循autoplay政策。进入页面视频不自动播放（有时候可以，有时候不行）。标签设置静音状态即可（添加。经测试，上面方法可以解决问题。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值