Question

我一直在测试网站上的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

Answer 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

Internet Explorer [iframe]上的强制Flowplayer全屏

1 个答案: