Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 视频插件[not Video.js]将视频设置为整页高度_Jquery_Html_Css_Video - Fatal编程技术网

Jquery 视频插件[not Video.js]将视频设置为整页高度

Jquery 视频插件[not Video.js]将视频设置为整页高度,jquery,html,css,video,Jquery,Html,Css,Video,我正在使用这个插件 它正在正确播放视频,但未将视频高度设置为整页。下面链接上的解决方案在我的情况下不起作用。如果为视频设置了特定高度(如400px),它将显示视频。如果设置了高度:100%,视频将消失。似乎视频块的默认高度为0 以下是我的html代码: <div class="row" id="video-home" data-vide-bg="{{ MEDIA_URL}}myvideo.mp4" data-vide-options="posterType: 'detect', loo

我正在使用这个插件

它正在正确播放视频,但未将视频高度设置为整页。下面链接上的解决方案在我的情况下不起作用。如果为视频设置了特定高度(如400px),它将显示视频。如果设置了高度:100%,视频将消失。似乎视频块的默认高度为0

以下是我的html代码:

<div class="row" id="video-home" data-vide-bg="{{ MEDIA_URL}}myvideo.mp4" 
data-vide-options="posterType: 'detect', loop: true, muted: true, resizing: true, 
position: 0% 0%, bgColor: 'transparent'">
</div>

有人能告诉我该换什么吗?谢谢

我将位置设置为绝对位置,然后它就工作了

我将位置设置为绝对位置,然后它就工作了

听起来您需要将HTML和BODY设置为高度:100%;您需要定义父元素的高度,否则将折叠。谢谢。等待更多解决方案。听起来您需要将HTML和BODY设置为高度:100%;您需要定义父元素的高度,否则将折叠。谢谢。等待更多解决方案。
#video-home {
    width: 100%;
    /*height: 400px;*/
    min-height: 100%;
    /*background-size: cover;*/
}