JS报错:Uncaught（in promise）DOMException:play（）

最新推荐文章于 2024-05-09 17:26:51 发布
最新推荐文章于 2024-05-09 17:26:51 发布
阅读量3.6w 收藏 3
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/super_XYQ/article/details/83026792
版权

在Chrome中页面首次加载的时候有事会出现以上报错：

Uncaught（in promise）DOMException：play（）

处理方法

  1. Open chrome://flags/#autoplay-policy

  2. Setting No user gesture is required

  3. Relaunch Chrome

super_XYQ
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于 Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause() 错误...
weixin_30507481的博客
12-02 5405
最近在做项目的时候发现一个如题的控制台报错。 一看右侧的报错文件是undefined 这下苦恼了，定位不到问题所在。 今天解决了这个问题，就来分享一下。 问题的关键所在是在执行了play()方法以后立即执行pause()方法。反之亦然 以下贴出代码 HTML: <button id="btn1">test</button> JS: v...
Uncaught (in promise)解决方法
weixin_42596246的博客
01-10 7728
"Uncaught (in promise)" 是 JavaScript 的一种错误，通常是在执行 Promise 时发生的。解决方法可能有以下几种： 在 catch 块中处理错误。例如： somePromise() .then(function(result) { // 处理结果 }) .catch(function(error) { // 处理错误 }); ...
DOMException: 属性设置错误处理指南
最新发布
一起coding，一起嗨。
05-09 1233
DOMException: 属性设置错误处理指南
autoplay不起作用 Uncaught (in promise) DOMException: play() failed because the user didn‘t interac
总结前端开发中遇到的问题，分享前端知识
06-06 3905
浏览器提示报错-->Uncaught (in promise) DOMException: play() failed because the user didn't interac 分析：浏览器为了提高用户体验，减少性能消耗，只有在发生用户行为的时候才可以播放音频或视频。而页面加载，定时请求不属于用户行为，因此被禁止自动播放......
报错 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
vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with
zxh7770的博客
12-06 1944
vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with 原因： Chrome 为了避免标签产生随机噪音。 解决办法： 在 video标签上加 muted <video muted id="singleVideo" class="video video-js vjs-default-skin" src=" " controls="controls"&
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.
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
小程序报错: Uncaught TypeError: Converting circular structure to JSON
03-29
今天把最近一直在开发的小程序放安卓手机上测试一下，结果某个页面就一直报错： Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境： 系统：Android 6.0.1 手机：小米4 微信版本：...
unity web报错:Uncaught SyntaxError: Unexpected token '<"
09-05
unity 打包web包报错:Uncaught SyntaxError: Unexpected token '在打包文件添加此配置文件。 <mimeMap fileExtension
happyCoding1024#FrontendLearningTool#报错：Uncaught SyntaxError Can
07-25
报错：Uncaught SyntaxError: Cannot use import statement outside a module 详解原文链接: ht
Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.异常处理
Yeats_Liao的博客
01-18 3043
Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.异常处理
HTML5摇一摇以及音频播放问题优化总结
Jason技术笔记
07-07 4万+
前言感想：不放过任何一个WARNING、ERROR或者不够好的体验点，持续不断优化，精益求精，我们就能够得到提高。 1. HTML5摇一摇效果监测 2. 微信浏览器Audio播放优化
Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
热门推荐
gaoqiang1112的博客
07-17 7万+
Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL 解决方案：url前面一定要加http://
（video、audio）关于 Uncaught (in promise) DOMException: The play() request was interrupted by a call to
Wang.博客
05-30 1万+
连续点击播放按钮的报错问题：解决思路：获取两次点击的时间差，如果大于100ms就return，直接退出//-------------播放视频var videoPlayer = document.getElementById("videoCon"); var lastRunTime = Date.now();var currentTime = Date.now();var protectTime ...
前端报错：Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
01-15
这个错误通常是由于浏览器的自动播放策略引起的。现代浏览器为了避免滥用自动播放功能，要求用户首先与页面进行交互，然后才能播放音频或视频。 解决这个问题的方法有两种： 1. 用户交互后再播放：在用户与页面进行交互后，再触发播放操作。可以通过添加一个按钮或其他交互元素，让用户点击后触发播放。 2. 静音自动播放：如果你的需求是在页面加载后自动播放音频或视频，可以将媒体元素设置为静音，然后在页面加载完成后自动播放。这样可以绕过浏览器的自动播放策略。 以下是两种解决方法的示例代码： 1. 用户交互后再播放： ```javascript // HTML <button id="playButton">播放</button> <audio id="myAudio" src="audio.mp3"></audio> // JavaScript const playButton = document.getElementById('playButton'); const myAudio = document.getElementById('myAudio'); playButton.addEventListener('click', () => { myAudio.play(); }); ``` 2. 静音自动播放： ```javascript // HTML <audio id="myAudio" src="audio.mp3" muted autoplay></audio> // JavaScript const myAudio = document.getElementById('myAudio'); myAudio.addEventListener('canplaythrough', () => { myAudio.play(); }); ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值