如何制作全高的视频 [英] How to make video with full height

问题描述

我需要你的帮助才能制作完整高度的视频。虽然div大小约为50％，并且当我制作视频固定位置时，它可以像完整的背景视频一样工作，但我想使它适合我全高的div。

看看我想要什么这里

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

< div class =video> < div id =video-holderstyle =width：100％; position：absolute; height：auto！important; max-height：100％;> < video id =videostyle =width：100％; height：100％;> < source src =http://www.w3schools.com/html/movie.oggtype =video / ogg> < /视频> < / div>< / div>

解决方案

汽车;
身高：100％;
位置：固定;
}

考虑到你提到的例子，这似乎把视频的100％高度。如果这不完全是你需要的，只需给我们一些更详细的解释。

I need your help to make this video with full height. Although, the div size is around 50% and when i make my video fixed position, it works like full background video but i want to make it fit into my div with full height.

Have look what i want Here

You can check my video html code

 <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>

解决方案

Have you tried the following CSS for the video tag?:

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

Given the example you mention this seems to put the video to a 100% of the height. If this is not exactly what you need just give us some more detailed explanation.

这篇关于如何制作全高的视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！