jquery - 如何制作全高视频

Question

我需要你的帮助来制作这个全高视频。尽管 div 大小约为 50%，当我将视频固定位置时，它就像完整背景视频一样工作，但我想让它以全高适合我的 div。

看看我想要什么Here

你可以查看我的视频html代码

 <div class="video">
   <div id="video-holder" style="width:100%; position: absolute; height: auto !important; max-height:100%;">
	<video id="video" style="width:100%; height:100%;">
		<source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg">
            
	</video>
   </div>
</div>

Answer 1

您是否为视频标签尝试过以下 CSS？

{
  width: auto;
  height: 100%;
  position: fixed;
}

鉴于您提到的示例，这似乎将视频置于 100% 的高度。如果这不是您所需要的，请给我们一些更详细的解释。