iphone网页视频无法播放

⽹页视频不能⾃动播放？HTML5...

在这⾥插⼊图⽚描述

后来检查，原来是chrome的脚本机制变更造成的。

在F12调试中，会出出：

HTML5

在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许⾃动播放⾳频和视频。（Google的某些做法还真是令开发

者不爽）。就算你为video或audio标签设置了autoplay属性也⼀样不能⾃动播放。

如果你⽤javascript代码显式调⽤play⽅法：

varvdo=$("video")[0];//jquery

="YOUR_VIDEO_URL";

lay=function(){

();

};

你将会在控制台看到如下异常：

Uncaught(inpromise)DOMException:play()failedbecausetheuserdidn'tinteractwiththedocumentfirst.

Firefox也有类似的异常提⽰：

NotAllowedError:Theplaymethodisnotallowedbytheuseragentortheplatforminthecurrentcontext,possiblybecausetheuserdeniedpermission.

这是因为，Chrome只允许⽤户对⽹页进⾏主动触发后才可⾃动播放⾳频和视频。其实，严格地来说，是Chrome不允许在⽤户对⽹页进⾏触发之

前播放⾳频，⽽视频其实是不受限制的。但因为视频⽂件同样包含了⾳频，所以也⼀同被禁⽌了。Chrome这样做的⽬的是为了防⽌开发者滥⽤⾃

动播放功能⽽对⽤户产⽣骚扰。

既然知道了原因，那就开始找解决⽅法。

⽐较常规的做法是，为video标签设置muted属性，使它静⾳，这样视频就能⾃动播放了，但是没有声⾳:

然后待⽤户在⽹页上有了任意触发后，再将muted去掉，或者让⽤户⼿动去打开⾳频（腾讯视频就是这样做的）：

ntListener('mousedown',function(){

varvdo=$("video")[0];//jquery

=false;

},false);

好了，我们来看看⼤⼚的解决⽅案：

在这⾥插⼊图⽚描述

在这⾥插⼊图⽚描述

优酷页⾯打开后视频不⾃动播放，需⽤户点击按钮才开始播放，B站解决⽅法和优酷⼀样，爱奇艺页⾯打开后视频⾃动开始播放，但声⾳需⽤户⼿

⼯开启，所以暂时不要去想什么hack的⽅法了，有办法这些⼤⼚早⽤了，还是⽼⽼实实引导⽤户⼿⼯点⼀下吧。