h5 video自动播放

h5 video自动播放,第1张

首先造成这个问题的原因在于chrome浏览器为了防止网页广告,在2018年取消了自动播放功能,需要手动配置。

1、浏览器手动配置

2、静音播放(添加muted属性)

2、插入音频容器(不推荐)

注意:现在已经不建议使用 <embed>标签了,可以使用 <img>、<iframe>、<video>、<audio>等标签代替。

我们使用html5的video标签,可以不依赖于任何第三方的插件或控件,直接在浏览器中实现视频播放功能。

在了解了video标签之后,下面我们就使用html5的video标签来实现视频播放。

现在,我们打开浏览器,看一看具体的效果:

为了更好地兼容各种浏览器,你可以为一个video标签添加多个source子标签,每个source标签引用一个不同格式的视频文件。这样,html5浏览器会自动在这些source标签中从上到下依次寻找并识别出该浏览器可以播放的第一个视频文件并进行播放,从而实现兼容多个浏览器的视频播放功能。

注:html5的video标签目前只支持播放.mp4、.ogg、.webm等几种格式的视频文件,暂不支持其他格式的视频文件。此外,不同的html5浏览器支持的视频文件格式也略有不同,这种状况可能会在未来的html5中得以改善。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7289088.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存