html - 背景视频高度和固定标题

Question

所以我正在使用 Typo HTML 模板制作网站。此模板:http://nunforest.com/typo-demo/video/

我希望视频占着陆页高度的 80%，这样导航栏就会出现，并且距离页面底部大约 15%。基本上我希望视频容器更小，而不是像模板中那样具有 100% 的高度，而是 80%。视频不应调整其宽度，但应限制比例并隐藏顶部的溢出部分。

问题是，即使我编辑文件，视频也会自行调整大小。另一个问题是，当您在导航栏上滚动时，导航栏会“捕捉”并固定在页面顶部，但是因为我想更改着陆页的高度，它仍然会在页面顶部捕捉到页面顶部这是在高度变化之前。

谁能指出要编辑的部分？谢谢:)

Answer 1

在您的源代码中查找并替换以下 HTML。

<video class="" preload="" width="100%" height="80%" poster="http://themepunch.com/revolution/wp-content/uploads/2014/05/video_space_cover.jpg" style="display: block;"> 
                                    <source src="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.mp4" type="video/mp4">
                                    <source src="http://themepunch.com/revolution/wp-content/uploads/2014/05/among_the_stars.webm" type="video/webm">
                                </video>