【问题标题】:HTML5 video in IE9 plays when using <video src=""> but not <source src="">IE9 中的 HTML5 视频在使用 <video src=""> 而不是 <source src=""> 时播放
【发布时间】:2012-09-26 18:13:11
【问题描述】:

如果我将视频标签设置为类似

<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 这样的浏览器不会查看 &lt;source&gt; 属性并拒绝播放。

大量研究已排除 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>

【问题讨论】:

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


    【解决方案1】:

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

    我对此很不满意,所以为了以防万一,我强迫 IE9 使用 flash。

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 所有 MIME 类型均已设置且正确,我已检查并在 IE9 中的调试返回视频存在,并且正如我所说,它甚至开始播放(大约三秒钟)。跨度>
      猜你喜欢
      • 2020-11-13
      • 2012-08-02
      • 2017-06-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-01
      • 1970-01-01
      • 2023-03-03
      相关资源
      最近更新 更多