视频替换幻灯片html5

时间:2016-12-20 16:28:14

标签: javascript jquery html css3

我想创建一个视频背景,上面写着像这个网站的文字:

https://animoto.com/

我知道它是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-size: cover;

}

这是我使用的CSS,但它制作了整个背景视频,我只想像animoto.com一样。

1 个答案:

答案 0 :(得分:0)

谢谢大家我想通了......不得不通过将宽度设置为100%来使视频流畅