HTML 5 Video IE9 无法正确加载答案

【问题标题】：HTML 5 Video IE9 not loading properlyHTML 5 Video IE9 无法正确加载
【发布时间】：2013-07-11 15:24:16
【问题描述】：

我的这个页面有 5 个独立的简历部分。每个都显示文本和视频并隐藏其他。适用于 Firefox 和 Chrome，但不适用于 IE9。一个视频在 IE9 中加载。无论您先点击哪个。海报立即消失，但视频会播放。单击任何其他名称，视频不会弹出。

要遵循的链接和代码。我使用了包含视频和提供后备的相当标准的方法。有人有什么想法吗？

http://www.friedmanllp.com/experienced_hires_people2.php

    <video id="video1" controls="controls" poster="flash/poster_ayanna.jpg" preload="none" width="398" height="224">
        <source src="flash/video_ayanna.webm" type="video/webm" />
        <source src="flash/video_ayanna.mp4" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2" />
        <source src="flash/video_ayanna.ogv" type="video/ogg" />
        <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
            <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
            <param name="allowFullScreen" value="true" />
            <param name="wmode" value="transparent" />
            <param name="flashVars" value="config={'playlist':['flash%2Fvideo_ayanna.jpg',{'url':'flash%2Fvideo_ayanna.mp4','autoPlay':false}]}" />

            <img alt="Ayanna" src="flash/poster_ayanna.jpg" width="398" height="224" title="No video playback capabilities. Please try a different browser." />
        </object>
    </video>

【问题讨论】：

发生了什么？你看到什么了吗？
一个...一个视频加载。无论您首先单击哪个生物。海报立即消失，但视频会播放。单击任何其他名称，视频不会弹出。

标签： html video internet-explorer-9

【解决方案1】：

IE 举起手来强行暂停所有视频。

$("#video1")[0].pause();
$("#video2")[0].pause();
$("#video3")[0].pause();
$("#video4")[0].pause();
$("#video5")[0].pause();

所以我检查了是否有任何视频元素正在播放并相应地暂停它们。

【讨论】：