您当前的位置:首页 > 建站知识 > 编程知识

video在移动端的兼容问题

发布时间: 2020-07-18 │ 浏览:460 

html的video标签只要取默认,不用明示属性值,都能在电脑端的浏览器上很好的显示。
但放到移动端,问题就来了:视频浮出页面,第1帧不显示。
解决办法是在video里加以下属性:
preload="auto"
data-setup="{}"
x5-playsinline=""
playsinline=""
webkit-playsinline=""
object-fit="fill"
poster="xxx.jpg"

xxx.jpg是第1帧图片