video下autoplay特性失效的处理方式(加上muted特性

日期:2021-02-22 类型:科技新闻 

关键词:在线抠图,稿定抠图,在线抠图透明图片,可以抠图的软件,凡科制图

情况:video免费下载入ogg文件格式视頻,并设定全自动播发特性autoplay,可是应用Chrome预览时,视屏画面已载入出来,可是没法全自动播发,F5更新后能够全自动播发。应用火狐访问器能够全自动播发。最开始编码以下:

<video autoplay="autoplay" loop="loop" class="aaa" >
    <source src="./video/exa.ogg" type="video/mp4">
</video>

找了好长时间缘故,1直不可以处理。

尝试在meta中加上http-equiv="refresh" content="2",refresh表明全自动更新,2表明没隔2s更新。

尽管无需手动式更新,全自动更新后,视頻能够全自动播发,可是,每隔2s更新,网页页面实际效果其实不好啊。。。

最终autoplay失效将会有两个缘故:

1.视頻太大

2.视頻不在根文件目录下

因而对于上述两个缘故开展改善:

1.将ogg变为为mp4文件格式,并将10几M文档缩小为2、3M2.将mp4文件格式视頻放在根文件目录下,并改动src相对路径

ps:原先的ogg文档放在根文件目录下,autoplay還是失效;mp4文档放在video文件目录下引入,autoplay還是失效。

<video autoplay="autoplay" loop="loop" class="aaa" >
    <source src="./exa.mp4" type="video/mp4">
</video>

因而,再用chrom访问,视頻终究能够全自动播发了。

可是,好景不长。

没多久以后这类方法又不好了。每次清除缓存文件以后的第1次开启网页页面能够全自动播发,后边再开启又没法全自动播发,除非再度清除缓存文件。

对video标识细心科学研究以后,发现,有这么1个新标识muted,1刚开始沒有并想不到muted和autoplay之间的关系。由于有关muted标识是这么解释的:

直至后来才发现:高版本号访问器,对视頻静音后,能够确保视頻全自动播发。

因此应用全新版本号访问器的同学们必须留意1下这1点。

因而对video标识加上muted特性:

至此,每次开启网页页面,视頻都可以以全自动播发了。

到此这篇有关video下autoplay特性失效的处理方式(加上muted特性)的文章内容就详细介绍到这了,更多有关video下autoplay特性內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!