Question

我有这个页面有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>

Answer 1

IE在蛮力暂停所有视频时将它举起来。

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

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

HTML 5视频IE9无法正确加载

1 个答案: