HTML 视频 IE9 - 无控件或预览图像答案

【问题标题】：HTML Video IE9 - No Controls or Preview ImageHTML 视频 IE9 - 无控件或预览图像
【发布时间】：2013-07-16 16:00:49
【问题描述】：

我使用以下代码将 HTML 视频实现到网页中：

<video id='the_video' class='pilot_video' controls="controls">
 <source src='<?= bloginfo('template_directory'); ?>/inc/pilot.mp4' type="video/mp4">
 <source src='<?= bloginfo('template_directory'); ?>/inc/pilot.ogv' type="video/ogg">
 <source src='<?= bloginfo('template_directory'); ?>/inc/pilot.webm' type="video/webm">
 <iframe width="560" height="315" src="http://www.youtube.com/embed/Hz9Eh01sEdo?rel=0" frameborder="0" allowfullscreen></iframe>
</video>

这在 IE10、Chrome、Firefox 和 Safari 中显示良好，但在 IE9 中控件不显示并且没有预览图像。它只是显示一个黑框，您需要右键单击它并选择“播放”以显示任何内容。

任何想法为什么？我很困惑。

【问题讨论】：

标签： html internet-explorer video web-controls

【解决方案1】：

这是因为视频对象在文档加载并单击链接后被 jQuery 淡入 - 我认为这是因为 IE9 无法正确处理视频对象的淡入淡出过渡。

我所做的是允许淡入，完成后我克隆了视频对象以重新实例化它。

【讨论】：