问题描述

用chrome调试页面时,发现video控件有时不能正常播放视频,控制台报错 Uncaught (in promise) DOMException…具体如下:

解决方案

首先拓展一下相关知识

Chrome的自动播放的政策在2018年4月做了更改。
新的行为:浏览器为了提高用户体验,减少数据消耗,现在都在遵循autoplay政策,Chrome的autoplay 政策如下:

  1. muted autoplay始终被允许
  2. 音乐的autoplay 只有在下面集中情况下起作用:
    2.1有用户行为发生像(click,tap,etc);
    2.2 对于桌面程序,用户已经提前播放了音频;
    2.3 对于移动端用户将音频网址home screen;

不过,如果你想让你的chrome浏览器自动播放,可以用以下谷歌提供的办法解决。具体设置如下:

在chrome的地址栏中输入:chrome://flags/#autoplay-policy,回车打开设置页面,在该设置改页面会看到黄色方框标记的字体:Autoplay policy ,该选项默认设置为Default,改为:No user gesture is required ,修改选项后页面下方会弹出个提示框,点击提示框上的“RELAUNCH NOW”即可。

具体如下图所示:

谷歌浏览器js报错:Uncaught (in promise) DOMException相关推荐

  1. vue报错 Uncaught (in promise) NavigationDuplicated {_name:““NavigationDuplicated“... 的解决方法

    vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解 ...

  2. JS报错: Uncaught SyntaxError: Invalid shorthand property initializer

    JS报错: Uncaught SyntaxError: Invalid shorthand property initializer 如果你的代码报错以上提示, 那么就去检查一下, 对应的代码是不是把 ...

  3. 使用video标签时报错 Uncaught (in promise) DOMException

    问题 <video id="video" preload> <source src="1.mp4"></source> &l ...

  4. 关于 xhr.js?b50d:31 Uncaught (in promise) DOMException: Failed to execute ‘open‘ on ‘XMLHttpRequest‘:

    关于 xhr.js?b50d:31 Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': ...

  5. Vue. 之 报错 Uncaught (in promise)

    Vue. 之 报错 Uncaught (in promise) 在点击同一个URL的时候,会报错如下: 解决方案: 在项目目录下运行 npm i vue-router@3.0 -S 即可. 转载于:h ...

  6. 解决上传图片时报错Uncaught (in promise) DOMException: Failed to execute ‘put‘ on ‘IDBObjectStore‘

    最近项目中遇到一个小问题,系统在前端页面上传图片时,后台报400错误:Uncaught (in promise) DOMException: Failed to execute 'put' on 'I ...

  7. 百度编辑器回显js报错Uncaught SyntaxError: Invalid or unexpected token

    这个错误是因为回显的内容里面包含了回车,导致js报错 解决办法如下: $vo['content'] = strreplace(array("\r\n", "\r" ...

  8. vue报错Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation

    vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...

  9. 解决路由报错Uncaught (in promise) NavigationDuplicated:

    Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: " ...

  10. JS报错-Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on...

    报错信息:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on stric ...

最新文章

  1. python保留字分支结构_Python基础语法----缩进、注释、命名与保留字、数据类型、分支语句、函数...
  2. PHP 实现代码复用的一个方法 traits新特性
  3. Mac修改pip为国内源
  4. HDU 4666 Hyperspace【最远曼哈顿距离+优先队列】
  5. LOJ10155数字转换
  6. 【STM32H7的DSP教程】第8章 DSP定点数和浮点数(重要)
  7. 保护模式下的80386及其编程01:数据类型
  8. iptables高性能前端优化-无压力配置1w+条规则
  9. Gateway统一网关(2021-11-14)
  10. 【python】用递归解决汉洛塔问题
  11. activiti之奇淫技巧一(自动完成首个任务)
  12. Double和Float类型的max、min、isNaN、isFinite、isInfinite方法
  13. 王者荣耀苹果微信多久更新服务器,8月23日王者荣耀ios版更新不了一直显示维护怎么回事 王者荣耀苹果手机微信区一直显示维护...
  14. Matlab2018b新特性介绍以及R2018b+waijung blockst 百度云下载链接
  15. 整车电源状态 K15 KL30 KL31
  16. List集合去重方法
  17. 用C语言将整数翻译为英文,C语言实现翻译功能
  18. 蒙特卡洛原理及实例(附Matlab代码)
  19. MongoShake数据灾备与迁移
  20. 【ELAMN预测】基于粒子群算法优化ELMAN神经网络实现数据回归预测 matlab代码

热门文章

  1. OpenStack最新版本Folsom架构解析(转)
  2. 脱欧临近引民众忧心食品短缺 英“脱欧生存包”热卖
  3. 深入理解java:线程本地变量 java.lang.ThreadLocal类
  4. Java 异常处理 之 运行期异常
  5. PrimaDonna智能咖啡机,咖啡也要私人定制
  6. bootstrap-内联文本元素-斜体
  7. 一个简单的Web服务器
  8. 如何安装一个优秀的BUG管理平台(转)
  9. Red hat linux ping: unknown host www.baidu.com
  10. NIST:制定Cybersecurity的框架进行时