Question

我有这个html代码播放视频作为完整背景，它适用于每个浏览器，除了chrome不确定为什么有人可以帮忙？

html代码

<video poster="" id="bgvid" playsinline autoplay muted loop>
<source src="vid.mp4" type="video/mp4">
</video>

css代码

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}

Answer 1

在网址

中添加反转逗号""

background: url("polina.jpg") no-repeat;

http://www.w3schools.com/cssref/css3_pr_background.asp

Answer 2

我去了并下载了修复它的Vide-0.5.0

HTML背景Chrome无效

2 个答案: