【问题标题】:Specific height width for background video背景视频的特定高度宽度
【发布时间】:2014-03-03 17:58:40
【问题描述】:

我正在使用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>

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

【问题讨论】:

    标签: javascript jquery html video


    【解决方案1】:

    我假设您使用的是以下插件:http://georgepaterson.github.io/jquery-videobackground/

    .video-background 似乎是全屏视频的容器,因此如果您在 CSS 中声明 .video-background 的高度和宽度,这应该可以工作。我已经在 Chrome 上的开发者工具中成功地尝试过了。

    【讨论】:

    • 已经尝试过了,但没有用,如果我为 .video-background 指定高度和宽度,视频的某些部分不会显示
    • 嗨,史蒂夫,看起来video 元素应用了以下 CSS:min-width:100%; min-height:100%;。如果您通过在.video-background video 上设置min-width:inherit; min-height:inherit; 来覆盖它,这应该会调整视频本身的大小。然后,您也可以在视频元素上设置特定的高度和宽度。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-06
    • 2013-10-24
    • 1970-01-01
    • 2016-02-16
    • 1970-01-01
    相关资源
    最近更新 更多