0

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

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

4

1 回答 1

0

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

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

于 2013-07-17T15:22:59.270 回答