我需要视频在第一页加载时占用浏览器的整个宽度和高度,我正在使用引导程序。您如何实现此目标?:
以下代码可以做到这一点,但是高度超过浏览器的100%。我希望能够向下滚动到下方的文本,因此视频仅显示在顶部。
DEMO
html, body {
height: 100%;
}
#homepage-video {
height: 100%;
width: 100%;
}
<div class="container-fluid">
<div class="row">
<video id="homepage-video" autoplay="true" loop="true" >
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
type="video/mp4" />
Your browser does not support HTML5 videos.
</video>
</div>
</div>
<div class="container">
// Text in here....
</div>
最佳答案
您可以通过jquery进行设置,只需添加一个jquery库并添加以下代码
$(function(){
$('video').css({width:$(window).width(), height:$(window).height()});
});