2014-03-03 46 views
0

我使用videobackground.js设置背景视频,我想指定视频的高宽特定的高度宽度背景视频

我的代码是:

$('.vid').prepend('<div class="video-background"></div>'); 
$('.video-background').videobackground({ 
videoSource: [['video/2.webm', 'video/webm']], 
loop : true 
}); 

HTML代码:

<div class="vid"> 

</div> 

如何指定高度宽度视频,如果我指定高度宽度完整的视频没有显示

回答

0

我假设你正在使用以下插件:http://georgepaterson.github.io/jquery-videobackground/

.video-background似乎是全屏幕视频的容器,所以,如果你在你的CSS注明的.video-background的高度和宽度,这应该工作。我已经在Chrome上的开发者工具中成功尝试了这一点。

+0

已经尝试过,但没有用,如果我指定高度和宽度。视频背景视频的某些部分不显示 –

+0

喜史蒂夫,它看起来像'video'元素应用下面的CSS:'分钟-width:100%;最小高度:100%;'。如果您通过设置'最小宽度覆盖此:继承;最小高度:继承;''上。视频背景video'这应该调整视频本身。然后,您可以设置视频元素上特定的高度和宽度也。 – athms