Question

我使用以下代码将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的控件没有显示，也没有预览图像。它只显示一个黑盒子，您需要右键单击它并选择“播放”以显示任何内容。

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

Answer 1

这是因为视频对象在记录加载并点击链接后被jQuery淡入 - 我认为这是因为IE9无法正确处理视频对象的渐变过渡。 p>

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

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

1 个答案: