HTML视频仅出现在窗口调整大小上

Question

我正在尝试使用vide.js jQuery扩展程序为我的一个div添加视频背景。视频div的代码如下：

<div id="header" data-vide-bg="mp4: graphics/videos/identity.mp4, webm: graphics/videos/identity.webm, ogv: graphics/videos/identity.ogv, poster: graphics/videos/equations.png" data-vide-options="posterType: 'detect', loop: true, muted: true, position: 0% 0%">

它有时会运行，但如果清除浏览器缓存并刷新页面（Chrome中的ctrl / cmd + shift + R），则在调整浏览器窗口大小之前视频不会显示。

我也尝试过使用jQuery以编程方式将视频添加到div中，但无济于事。

您可以在this address处看到问题。

Answer 1

据我所见，<video>元素未正确选取其高度。 css到高度的设置样式：100％将解决问题