Question

我正在尝试使用html5视频制作全宽度横幅我希望宽度为100vw，高度大约为400px这是我的尝试;

min-width: 100vw;
width: auto; 
z-index: -100;
background: url(polina.jpg) no-repeat;
overflow: none;

在x＆amp; y，任何人都知道如何实现这种效果。

如果我添加400px的高度，则只删除视频宽度

Answer 1

如果你想这样做，你的HTML就像

<video controls>
  <source src="filename.mp4" type="video/mp4">
</video>

然后你的CSS将是

video {
    display: block;
    width: 100%;
    height: 400px;
    z-index: -100;
    background: red; /* Replace with the path to your background image
    overflow: none;
}

这是demo

html5视频横幅 - 宽度问题

1 个答案: