我已经实现了无铬播放器,到目前为止,播放、暂停、更改视频、静音、取消静音等必要的控件似乎都可以通过 JavaScript 正常工作。我现在需要通过 JavaScript 将无铬播放器发送到“全屏”模式。
JavaScript API 播放器包含全屏按钮,但无铬播放器不包含;实际上; 无铬播放器不应该包含任何按钮。因此,我需要通过 JavaScript 设置全屏模式,但找不到任何记录在案的方法。知道这是否可能吗?
仅供参考,我正在使用 SWFObject 嵌入播放器。
参考:
我已经实现了无铬播放器,到目前为止,播放、暂停、更改视频、静音、取消静音等必要的控件似乎都可以通过 JavaScript 正常工作。我现在需要通过 JavaScript 将无铬播放器发送到“全屏”模式。
JavaScript API 播放器包含全屏按钮,但无铬播放器不包含;实际上; 无铬播放器不应该包含任何按钮。因此,我需要通过 JavaScript 设置全屏模式,但找不到任何记录在案的方法。知道这是否可能吗?
仅供参考,我正在使用 SWFObject 嵌入播放器。
参考:
播放器对象上有一个 player.setSize(width:Number, height:Number) 方法。你用过吗。我正在使用 ActionScript,setSize 对我有用。
查看文档“您不应该在 JavaScript 中使用此方法,因为当嵌入代码中的包含元素的高度和宽度属性被修改时,播放器会自动调整大小。”
我不是 javascript 专家,但我建议...您可以将播放器放在 div 标签中,然后单击“全屏”按钮或图标,将该 div 的大小重置为“100%”,我认为播放器会自动增加到那个大小
希望这可以帮助。
在Webkit(Chrome 15 及更高版本,Safari 5.1 及更高版本)中,尝试element.webkitRequestFullScreen()
其中element.webkitCancelFullScreen()
“元素”是您的播放器对象。
在Gecko(Firefox 10.0 及更高版本)中,签出element.mozRequestFullScreen()
和element.mozCancelFullScreen()
.
您可以通过询问来判断 Webkit 方法是否有效
supportsFullscreen: function () {
return !(typeof document.webkitIsFullScreen == "undefined")
}
Flash 本身不支持通过 javascript API 的全屏,因为人们会滥用它。它要求用户点击 Flash 电影本身。
上面将包含的 div 设为 100%,然后使用 requestFullScreen 浏览器 API 的建议是您最好的选择。这就是video.js所做的。