0

我一直在一个网站上测试 Flowplayer 和其他媒体播放器，看看哪个更适合需要。Flowplayer 做得很好，但有一点细节是播放器不会为 Internet Explorer 用户提供全屏选项。我已经环顾了一段时间，包括在 SO 上，寻找解决这个问题的想法，但根本没有成功。

为了加快速度，现在我正在使用从“每个人的视频”中获得的代码来解决所有问题，当然在获得代码后我开始根据需要对其进行修改。

这是我在 iFrame 中使用的代码：

<video controls="controls" autoplay="autoplay" poster="<?php echo $poster;?>" width="<?php echo $width;?>" height="<?php echo $height;?>">
<source src="<?php echo $video;?>" type="video/mp4" />
<source src="<?php echo $videowebm;?>" type="video/webm" />
    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="<?php echo $width;?>" height="<?php echo $height;?>">
        <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':['<?php echo $poster;?>',{'url':'<?php echo $video;?>','autoPlay':false}]}" />
        <img alt="Big Buck Bunny" src="<?php echo $poster;?>" width="<?php echo $width;?>" height="<?php echo $height;?>" title="No video playback capabilities, please download the video below" />
    </object>
</video>

正如你所看到的，理解发生了什么并不复杂。我相信这个问题存在于播放器脚本在 iFrame 内运行的事实，这在某种程度上限制了播放器本身在全屏上播放。我尝试了很多东西，但在 IE 上没有成功。Chrome 和 Firefox 的工作就像一个魅力，但 IE 只是播放没有全屏选项的视频。

我要留下一张图片，这样你就可以看到我在说什么。
http://i.stack.imgur.com/yfnVo.jpg

4

1 回答 1

1

Internet Explorer 不支持全屏 API [0]。已知问题列表提到：

“Chrome 15+、Safari 5.1+ 和 Firefox 14+ 支持原生全屏，其他版本将使用全浏览器窗口。” [1]

[0] http://caniuse.com/fullscreen [1] http://flowplayer.org/docs/known-issues.html

于 2013-01-17T21:04:19.927 回答