YouTube Chromeless / JavaScript API播放器全屏按钮

Question

我已经实现了无格式播放器，到目前为止，播放，暂停，更改视频，静音，取消静音等必要控件似乎都能通过JavaScript正常工作。我现在需要通过JavaScript将无边框播放器发送到“全屏”模式。

JavaScript API播放器包含全屏按钮，但无边框播放器不包括;事实上;无铬播放器不应该包含任何按钮。因此，我需要通过JavaScript设置全屏模式，但无法找到任何记录的方法。不知道这是否可能？

仅供参考，我使用SWFObject嵌入播放器。

参考文献：

• YouTube JavaScript API Player Reference
• YouTube Chromeless Player Example

Answer 1

播放器对象上有一个player.setSize（width：Number，height：Number）方法。你用过它。我正在使用ActionScript，而setSize对我有效。

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

我不是javascript专家，但我建议......你可以把玩家放在div标签中 然后点击“全屏”按钮或图标，将该div的大小重置为“100％”，我认为玩家将自动增加到该大小

希望这有帮助。

Answer 2

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

在 Gecko （Firefox 10.0及更高版本）中，查看element.mozRequestFullScreen()和element.mozCancelFullScreen()。

您可以通过询问

来判断Webkit方法是否有效

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

Answer 3

Flash本身不支持全屏通过javascript API，因为人们会滥用它。它需要用户点击闪光电影本身。

以上建议使包含div 100％，然后使用requestFullScreen浏览器API是你最好的选择。这就是video.js的作用。