如何处理“未捕获(在承诺)DOMException:播放()失败，因为用户没有首先与文档交互。”在桌面与Chrome 66?

我正在得到错误信息..

DOMException: play()失败，因为用户没有首先与文档交互。

．．当使用Chrome 66版本在桌面上播放视频时。

我确实发现一个广告开始自动播放在一个网站上，但使用以下HTML:

<video
    title="Advertisement"
    webkit-playsinline="true"
    playsinline="true"
    style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;"
    src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4"
    autoplay=""></video>

那么，绕过Chrome v66的自动播放拦截器真的像添加webkit-playsinline="true"， playsinline="true"和autoplay=""属性<video>元素一样简单吗?这有什么负面影响吗?

当前回答

我发现最好的解决办法就是把视频静音

HTML

<video loop muted autoplay id="videomain">
  <source src="videoname.mp4" type="video/mp4">
</video>

2018-06-17 22:00:00

其他回答

您应该在videoElement中添加静音属性，以使代码正常工作。看下面..

<video id="IPcamerastream" muted="muted" autoplay src="videoplayback%20(1).mp4" width="960" height="540"></video>

不要忘记添加一个有效的视频链接作为源

2019-06-03 02:17:27

公开chrome: / /设置/内容/声音设置不需要用户手势重新启动浏览器

2018-05-07 01:57:56

就我而言，我必须这么做

 // Initialization in the dom
 // Consider the muted attribute
 <audio id="notification" src="path/to/sound.mp3" muted></audio>


 // in the js code unmute the audio once the event happened
 document.getElementById('notification').muted = false;
 document.getElementById('notification').play();

2019-12-23 11:12:42

我改变了我的UI，让用户按下一个按钮来加载网站(当他们点击按钮后，网站加载时，音频播放)

因为他们与DOM交互，然后音频播放!!

2022-04-07 18:38:20

我在Android手机上玩游戏时遇到了一些问题。经过几次尝试，我发现当数据保护程序是没有自动播放:

如果启用了数据保护模式，则不会自动播放。如果启用了数据保护模式，则在“媒体设置”中禁用自动播放。

源

2019-01-21 10:58:08

如何处理“未捕获(在承诺)DOMException:播放()失败，因为用户没有首先与文档交互。”在桌面与Chrome 66?

推荐文章

最新文章

标签