Question

我在页面上有一个html5视频标签，IE8的闪存后备。该视频隐藏了display：none并附加到父母＆＃39; a＆＃39;直到按下播放按钮（图像）。此时，视频元素被移动到父母＆＃39; b＆＃39; （覆盖内的一个方框）我打电话给jQuery的节目（）。

在Chrome，FF和Safari上，视频显示。但是，在IE9和IE8上，视频没有显示，但是在那里。意思是，我可以右键单击它应该的位置，并获得与视频相关的上下文菜单。如果我在此时点击播放，视频将会出现并定期播放。

让视频显示的另一种方法是更改视频元素的某些css。例如，将框大小调整为内容框（边框框）会使视频显示，反之亦然。

尝试从该控制台执行此操作。另一方面，尝试在我的脚本中做到这一点并不是。

这里是视频元素的css及其继承的内容：

*, html > * { box-sizing: border-box; }
audio, canvas, video { display: inline-block; }
.center { text-align: center; }
#section1 #videobox .videoPlayer { cursor: pointer; }

#video {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 10003;
}

我猜这可能是一个奇怪的布局问题（我会说hasLayout，但谢天谢地，我没有处理IE6 / 7）。

更新我设法在jsfiddle中复制了问题：http://jsfiddle.net/e76x5/5/

Answer 1

我有一个类似的问题，而我所能解决的问题是删除视频高度的任何css声明并在显示后使用javascript设置它。您可以查看IE9 HTML5 video visible only after cache clearing

IE9 + 8 HTML5视频 - 视频加载但“隐形”

1 个答案: