jquery - Internet Explorer 不显示 Flowplayer-视频

Question

我最近切换到 Flowplayer(我之前使用的是 VideoJS)，并且在使用我们心爱的 Internet Explorer 时遇到了另一个问题。

我正在尝试使用 flowplayer 显示 mp4 视频(.h264-编解码器)，它在所有浏览器(chrome、firefox、safari、opera)中都能完美运行，但在 Internet Explorer 中则不行。奇怪的是，在 IE9 中它只是显示“找不到视频文件”，而在 IE7-IE8 中它显示“不支持的视频”。

<div class="flowplayer">
   <video poster="/videos/poster_bbb.jpg" width="222" height="125" src="/videos/bbb.mp4"></video>
</div>

我还尝试使用标签内的标签，尝试重新转换视频，尝试使用视频的绝对路径和网络路径，但都没有结果。

注意:由于用户应该能够上传自己的 .mp4 视频，因此我无法对 .ogg 或 .webm 使用其他标签

提前致谢!

埃尔维蒂

Answer 1

我也遇到了同样的问题。除了 IE 之外，它在任何地方都运行良好。这是因为 IE 正在使用 flowplayer.swf 所在位置的相对路径查找视频。但其他浏览器使用执行脚本位置的相对路径。因此，您可以尝试使用绝对路径，或者我现在正在使用此解决方法:

我有以下结构

player/flowlayer.swf
movie/data/Video/video.mp4
play.html

比起从 play.html 播放电影 - flowplayer.swf 的链接位置，我正在使用条件注释。

<div class="flowplayer" data-engine="flash" data-swf="./player/flowplayer.swf">
<video autoplay>
  <!--[if IE]>
     <source type="video/mp4" src="../movie/data/Video/video.mp4"/>
  <![endif]-->
  <!--[if !IE]><!-->
     <source type="video/mp4" src="movie/data/Video/video.mp4"/>
  <!--<![endif]-->
</video>
</div>