如果标题高度:100vh,标题背景视频会调整大小

时间:2017-03-01 03:15:03

标签: html css video

我在标题后台播放视频时遇到问题。我已将标题高度设置为100vh(因为我希望它占据视口的全高)。它确实如此!但是,如果您实际调整浏览器窗口的大小,视频将不会是标题的100%,它会变得越来越小。 这是视频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(placeholder.jpg) no-repeat;
    background-size: cover; 
}
```

1 个答案:

答案 0 :(得分:1)

这是真的...... 我用的是vidBg。 他会看到这项工作

https://github.com/blakewilson/vidbg