带有 HTML5 视频 (javascript/jQuery) 的 Firefox/Gecko 全屏 API答案

【问题标题】：Firefox/Gecko fullscreen API with HTML5 Video (javascript/jQuery)带有 HTML5 视频 (javascript/jQuery) 的 Firefox/Gecko 全屏 API
【发布时间】：2011-11-30 03:38:07
【问题描述】：

我想知道是否有人可以向我提供如何使用 Firefox 的新全屏（不仅仅是全窗口）模式 API 的示例 javascript/jquery 代码（请参见下面的链接）。基本上我想点击一些会导致视频全屏显示的东西。

基于 API，看起来我应该能够做一些我知道在 Safari（和 Chrome 的开发版本）中有效的东西：

$(function(){
    $('#full').click(function(){
        var video_player = document.getElementById("video");
        video_player.onwebkitfullscreenchange = function (){}; 
        video_player.webkitRequestFullScreen();
    });
});

更新按照 Alexander 的建议，今晚（2011 年 11 月 10 日）我安装了 Firefox 10 的“Nightly”版本，现在可以使用以下代码：

$(function(){
    $('#full').click(function(){
        var video_player = document.getElementById("video");           
        void video_player.mozRequestFullScreen(); //firefox nightly build as of 11/10/11
    });
});

http://blog.pearce.org.nz/2011/11/firefoxs-html-full-screen-api-enabled.html

https://wiki.mozilla.org/index.php?title=Gecko:FullScreenAPI#requestFullScreen_method

【问题讨论】：

标签： jquery firefox fullscreen html5-video

【解决方案1】：

此功能目前不属于 FF 7/8/9。它将与 FF10 一起实现，您必须等待 6-8 周才能在 aurora channel 中测试您的代码。您也可以使用nightly channel

【讨论】：

嗨，Alexander，感谢您提供的信息，我会继续关注 FF10，再次感谢！ -蒂姆
这没有提供答案。对于 chrome 15，webkit 现在也可以全屏显示。
这提供了答案。他已经知道，如何在 webkit 和 Firefox 中编写全屏 API。帖子中已经有完整的文档链接。他只是在挣扎于这样一个事实，即使用 API 在 FF7/8/9 中不起作用。