【问题标题】:Header background video resizes if header height: 100vh如果标题高度:100vh,标题背景视频会调整大小
【发布时间】:2017-03-01 11:30:35
【问题描述】:

我在标题背景中播放视频时遇到问题。我已将标题高度设置为 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; 
}
```

【问题讨论】:

    标签: html css video


    【解决方案1】:

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

    https://github.com/blakewilson/vidbg

    【讨论】:

    • 我会试试的。谢谢。
    • 我试过了,还是一样的问题。当我调整大小时,它不会自动调整。
    • 是的 iv put resize: true
    • 有什么问题吗?
    • 现在一切正常。 ty
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多