背景视频高度和固定标题

时间:2015-04-15 15:47:37

标签: html css twitter-bootstrap

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

我希望视频占据目标网页高度的80%,这样导航栏就会出现,并且距离页面底部约为15%。基本上我希望视频容器更小,而不是模板中的100%高度,但80%。视频不应调整其宽度,但应限制比例并将溢出隐藏在顶部。

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

有人能指出要编辑的部分吗? 谢谢:))

1 个答案:

答案 0 :(得分:0)

在源代码中查找并替换以下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>