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

Posted 2023-05-08

【中文标题】带有 HTML5 视频 (javascript/jQuery) 的 Firefox/Gecko 全屏 API

【英文标题】：Firefox/Gecko fullscreen API with HTML5 Video (javascript/jQuery)

【发布时间】：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

【参考方案1】：

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

【讨论】：

嗨，Alexander，感谢您提供的信息，我会继续关注 FF10，再次感谢！ -蒂姆

这没有提供答案。对于 chrome 15，webkit 现在也可以全屏显示。

这提供了答案。他已经知道，如何在 webkit 和 Firefox 中编写全屏 API。帖子中已经有完整的文档链接。他只是在挣扎于这样一个事实，即使用 API 在 FF7/8/9 中不起作用。