0

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

1 回答 1

0

IE 在蛮力暂停所有视频时举起双手。

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

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

于 2013-07-11T18:03:06.970 回答