IE9中的HTML5视频在使用<video src =“”>但不是<source src =“”/> </video>时播放

时间:2012-10-05 14:51:10

标签: html5 internet-explorer-9 html5-video

如果我将视频代码设置为

<video src="myvid.mp4"></video>

IE9完整播放视频,但如果我将其视为

<video>
    <source src="myvid.webm" type="video/webm" />
    <source src="myvid.ogv" type="video/ogg" />
    <source src="myvid.mp4" type="video/mp4" />
</video>

视频播放约3秒后停止。

不幸的是,如果我使用第一种方法,那么像Firefox这样的浏览器不会查看<source>属性并拒绝播放。

许多研究已经排除了MIME类型和视频编码作为潜在问题。

我目前拥有的完整代码是:

<video controls="controls" poster="<?=$template_path;?>/images/home-video.png">
    <source src="<?=$template_path;?>/videos/intro_blue.webm" type="video/webm" />
    <source src="<?=$template_path;?>/videos/intro_blue.ogv" type="video/ogg" />
    <source src="<?=$template_path;?>/videos/intro_blue.mp4" type="video/mp4" />
    <object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="600" height="600">
        <param name="movie" value="http://player.longtailvideo.com/player.swf" />
        <param name="flashVars" value="controlbar=over&amp;image=<?=$template_path; ?>/images/home-video.png&amp;file=<?=$template_path; ?>/videos/intro_blue.mp4" />
        <param name="wmode" value="transparent" />
        <img alt="Intro" src="<?=$template_path; ?>/images/home-video.png" width="600" height="600" title="No video playback capabilities, please download the video below">
    </object>
</video>

2 个答案:

答案 0 :(得分:0)

我认为问题可能出在服务器设置中。您不需要视频内容的MIME类型。 IE严格要求它。 See here for example

答案 1 :(得分:0)

在我的情况下,某些防火墙后面的IE9似乎不允许视频完全下载(其他浏览器允许)。

我对此并不满意,所以作为预防措施,我强迫IE9使用闪光灯。