IE9 + 8 HTML5video – video加载但“看不见”

我在页面上有一个html5video标签，IE8的闪存后备。 video以display：none隐藏，并附加到父’a’，直到按下播放按钮（图像）。 此时，video元素被移动到父’b’（覆盖内的一个框），我调用jQuery的show（）。

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

让video出现的另一种方法是更改​​video元素的某些css。 例如，将框大小从其所在位置（边框框）更改为内容框将使video显示，反之亦然。

尝试从该控制台执行此操作。 另一方面，尝试在我的脚本中执行此操作不会。

这是video元素的css及其inheritance的内容：

*, 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

我有一个类似的问题，我可以做的就是修复它是删除video高度的任何css声明，并在显示后使用javascript设置它。 您只能在缓存清除后检查IE9 HTML5video