Chrome浏览器视频自动播放报Uncaught(in promise)DOMException

先看代码 用jquery 实现视频的自动播放

$(function () {
var vList = [‘video/zykj.mp4‘]; // 初始化播放列表 var
vLen = vList.length; // 播放列表的长度
var curr = 0; // 当前播放的视频
var video = document.getElementById("myvideo");
video.addEventListener(‘ended‘, play1);//监听
play1();
function play1() {
var video = document.getElementById("myvideo");

video.load(); //如果短的话,可以加载完成之后再播放,监听 canplaythrough 事件即可
video.src = vList[curr];
video.play();
//video.paused ? video.play() : (video.pause(), video.play());
curr++;
if (curr >= vLen)
curr = 0; // 播放完了,重新播放
}
})

注:这个代码在其他浏览器上都好使,唯独在Chrome浏览器上报 Uncaught (in promise) DOMException 这个错误

解释下:

Chrome的autoplay政策在2018年4月做了更改。

新的行为:浏览器为了提高用户体验,减少数据消耗,现在都在遵循autoplay政策,Chrome的autoplay 政策非常简单

1. muted autoplay始终被允许

2. 音乐的autoplay 只有在下面集中情况下起作用:

1. 有用户行为发生像(click,tap,etc).

2. 对于桌面程序,用户已经提前播放了音频

3. 对于移动端用户将音频网址home screen.

那需要怎么解决呢, 我找了很多感觉只能在本机自己修改。我把解决方法放下面 如果您看到了有好的办法请及时给我留言。

解决方案:

1、chrome://flags/#autoplay-policy    这句话放在浏览器的地址栏之后回车就行,就会出现下面的信息

2、Autoplay policy 这一项 设置成  No user gesture is required

3、重启Chrome浏览器

原文地址:https://www.cnblogs.com/qq1079596738/p/10369550.html

时间: 2024-10-29 21:31:37

Chrome浏览器视频自动播放报Uncaught(in promise)DOMException的相关文章

解决手机微信浏览器视频自动播放和默认全屏问题

1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了.手机硬件越来越好了,部分可支持了2.在移动端浏览器, video 在用户点击播放或者通过API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验 <video controls="controls" src="" id="ckplayer_a1" x5-video-player-type=&quo

chrome如何设置视频自动播放

在网页中我们往往要一段小视频自动播放,但谷歌浏览器把自动播放功能给禁用了,解决方法就是给video标签增加一个muted属性: <video muted="muted" loop="loop" autoplay> <source src="video.mp4" type="video/mp4" /> </video> 原文地址:https://www.cnblogs.com/arduka/p

audio在浏览器中自动播放

audio 在浏览器中自动播放 //使用autoplay属性 var src = "./award.wav"; var body = document.getElementsByTagName("body")[0]; if (body.getElementsByTagName("audio").length <= 0) { var audio = document.createElement("audio"); audi

在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"

视频自动播放的几种方法

在网页上添加视频往往不能自动播放,如何实现视频的自动播放这是许多朋友想解决的问题.经过收集和研究,找到几种视频实现自动播放的方法,供大家参考.学习.使用! 视频添加到网页中的通用代码: <EMBED src=视频的SWF地址 width=500 height=400  wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never&quo

解决chrome浏览器无法自动调用阿里旺旺客户端聊天软件

解决chrome浏览器无法自动调用阿里旺旺客户端聊天软件 复制粘贴以下代码,可以直达设置页面 chrome://settings/contentExceptions#plugins === 打开chrome浏览器---设置---显示高级设置---隐私管理[内容管理]---下拉找到"插件"[管理列外情况...]---添加[*.]alipay.com 允许---完成---重启chrome浏览器

WebView中音视频自动播放与退出时停止播放

背景: 项目需求是进入页面自动播放音频或者视频(非本地资源),页面关闭时音频或视频关闭.现在实现情况是:自动播放功能在有些手机上可以自动播放并有声音,有的手机上也播放但没有声音,当用户点击或者产生触发条件下才会有声音:退出关闭当前Activity,音频或视频并没有关闭,还在播放. 解决方法: 1.Activity退出时关闭音频或视频 重写Activity的onDestroy()方法,在方法里添加webView.destroy()方法. @Override protected void onDes

Uncaught (in promise) DOMException: play() failed because the user didn&#39;t interact with the document first.

最近在开发一个网站时,有个需要是 如果有新预警信息要在网页中播放提示音.页面打开会请求是否有新信息,有则播放提示音.在Chrome的最新浏览器中,播放会报错,控制台显示Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.搜索发现Chrome 66为了避免标签产生随机噪音禁止没有交互前使用js进行播放.最后解决方案为 在chrome地址栏

Chrome,firefox解除阻止视频自动播放

Firefox 66 将阻止自动播放音频和视频 PingWest品玩2月5日报道,从发布适用于桌面的 Firefox 66 和 Firefox for Android 开始,Firefox 将默认阻止音频和视频的自动播放. 除非网页通过 HTMLMediaElement API 与用户进行交互以播放音频,例如用户点击「播放」按钮.当然,Firefox 也支持静音自动播放,只需将 HTMLMediaElement 的“muted”属性设置为 true,即可启用自动播放功能 问题场景: chrome