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中,但无济于事.

您可以在此地址查看该问题.

Answer 1

据我所见，<video>元素没有正确选择其高度..将 css 中的样式设置为 height: 100% 将解决问题