5

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

我正在尝试使用 flowplayer 显示 mp4-video (.h264-codec),它在所有浏览器(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 使用其他标签

提前致谢!

埃尔维蒂

4

4 回答 4

4

我有同样的问题。它在任何地方都可以正常工作,除了 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>
于 2012-10-19T08:49:49.047 回答
3

Internet Explorer (9 & 10) 的另一种选择是尝试使用源类型 video/flash 而不是 video/mp4,例如:

<source type="video/flash" src="..."/>
于 2013-04-01T16:52:36.570 回答
2

经过大量研究并且无法添加标题标签以强制兼容模式(因为我的视频在模式内)。我通过更改源标签使其适用于 IE9

<source type="video/mp4" src="video.mp4"></source>

<source type="text/html" src="video.mp4"></source>

我看到当视频没有在 IE9 中播放时,mp4 文件被重新渲染为 text/html 而不是 video/mp4 ......所以我只是尝试更改标签并且它有效!

我知道这没有任何意义......但是既然 IE 什么时候有意义?!所以,如果你不能在你的 php 文件 header('X-UA-Compatible: IE=EmulateIE8'); 像我的情况一样,尝试将 mp4 类型设置为 text/html

于 2013-02-19T21:53:17.327 回答
2

也许这篇文章可以帮助你

http://www.warriorforum.com/programming-talk/257997-help-flow-player-does-not-appear-internet-explorer.html

从帖子

如果您想在您的网站上嵌入 MP4 视频以在 IE 上显示,那么您需要使用以下代码将 videofilename.mp4 更改为您的视频名称

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" 
WIDTH="320" HEIGHT="256" >
<PARAM NAME="src" VALUE="videofilename.mp4">
<PARAM NAME="autoplay" VALUE="true">
<PARAM NAME="controller" value="true">
<EMBED SRC="QTMimeType.pntg" TYPE="image/x-macpaint"
PLUGINSPAGE="http://www.apple.com/quicktime/download" QTSRC="videofilename.mp4" 
WIDTH="320" HEIGHT="256" AUTOPLAY="true" CONTROLLER="true">
</EMBED>
</OBJECT>
于 2012-10-17T07:32:23.747 回答