2009-12-11 81 views
1

我已经实现了无铬播放器,到目前为止,播放,暂停,更改视频,静音,取消静音等必要控件都可以通过JavaScript正常工作。我现在需要通过JavaScript将无铬播放器发送到“全屏”模式。YouTube Chromeless/JavaScript API播放器全屏按钮

JavaScript API播放器包含全屏按钮,但无铬播放器没有;事实上;无铬球员不应该包含任何按钮。因此,我需要通过JavaScript设置全屏模式,但找不到任何记录的方法。任何想法,如果这是可能的或没有?

仅供参考,我正在使用SWFObject嵌入播放器。

参考文献:

+0

我也有同样的问题,无法处理来自Youtube JavaScript API的全屏选项。全屏幕选项是从flash对象内部触发的,并且没有来自外部的控制。 – 2011-10-20 10:31:04

回答

5

有一个player.setSize(宽度:编号,高度:号码)object.Have您使用that.I播放器方法我虽然使用ActionScript和setSize为我工作。

查看文档 '您不应该在JavaScript中使用此方法,因为当嵌入代码中的包含元素的高度和宽度属性被修改时,播放器将自动调整大小。

我不是一个JavaScript专家,但我会建议... ...你可以把播放器放在一个div标签 ,然后点击'全屏'按钮或图标,将该div的大小重置为'100%',然后我认为球员会自动增加到这个尺寸

希望这会有所帮助。

+0

甚至在YouTube上看起来像他们这样做...做一个他们的代码的意见源.... – Rajat 2009-12-31 16:55:16

+0

我现在认识到,Adobe Flash本身不允许全屏模式切换,除非它是由Flash电影内部触发的用户操作(单击按钮,从键盘输入)。你的例子可能和它一样好。 – 2010-01-03 05:45:18

3

Webkit(Chrome 15及更高版本,Safari 5.1及更高版本),尝试element.webkitRequestFullScreen()element.webkitCancelFullScreen()其中“element”是您的播放器对象。

壁虎(火狐10.0和更高),检查出element.mozRequestFullScreen()element.mozCancelFullScreen()

你可以告诉Webkit的方法是否会被询问

supportsFullscreen: function() { 
    return !(typeof document.webkitIsFullScreen == "undefined") 
} 
1

闪存本身不支持通过JavaScript API的全屏工作,因为人们会滥用它。它需要用户单击以在Flash电影本身。

上面的建议使得包含div 100%,然后使用requestFullScreen浏览器API是你最好的选择。这就是video.js所做的。