video标签 autoplay无效

作者: 胖子罗 | 来源:发表于2018-06-27 16:02 被阅读0次

问题：html如下设置body，Mac下safari可以自动播放，但chrome浏览器无法自动播放。

<video autoplay loop >    
        <source  src="res/loginBg.mp4" type="video/mp4" >;    
</video>

解决办法：增加muted

<video autoplay loop muted >    
        <source  src="res/loginBg.mp4" type="video/mp4" >;    
</video>

遗留疑问：muted本身为设置视频静音，目前业务场景是视频作为页面背景可以没有声音；如果需要声音怎么处理？
参考博文：https://blog.csdn.net/taiyangmiaomiao/article/details/80266625

video标签 autoplay无效
问题：html如下设置body，Mac下safari可以自动播放，但chrome浏览器无法自动播放。解决办法：增...
html5中video标签的使用
Video标签的使用 Video标签含有src、poster、preload、autoplay、loop、cont...
video标签的归纳
video标签的属性src: 用于告诉video标签需要播放的视频地址autoplay: 用于告诉video标签是...
7，多媒体
1，视频标签 1， src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要...
4 HTML5 audio、video
媒体标签audio、video； 1、 ;//标签内属性：controls;/autoplay;/loop;/p...
video标签
格式： video标签属性： src：用于告诉video标签需要播放的视频地址。 autoplay：用于告诉vid...
video标签
属性 src: 用于告诉video标签需要播放的视频地址 autoplay: 用于告诉video标签是否需要自动播...
webkit 之 video 的自动播放 autoplay
一直以来，video 标签的 autoplay 属性在移动端是无效（这里不涉及各种容器的sdk，譬如说微信）。这是...
Video标签的使用
Video标签含有 src 、poster、preload、autoplay、loop、controls、widt...
关于H5的video自动播放不起作用的问题
video标签加上 autoplay 就会自动播放了。但是值得注意的是，在Chrome浏览器下video标签必须加...