有没有办法让HTML5视频全屏？

Question

有没有办法让HTML5视频全屏？有没有办法使用HTML5 <video>标签播放全屏视频？如果这是不可能的，有人知道这个决定是否有理由？

Answer 1

HTML 5无法使视频全屏显示，但并行的全屏规范提供了requestFullScreen允许任意元素（包括<video>元素）全屏显示的方法。

它在许多浏览器中都有实验支持。

---

原始答案：

从HTML5规范（撰写本文时：2009年6月）：

用户代理不应提供公共API以使视频全屏显示。脚本与精心制作的视频文件相结合，可以诱使用户思考系统模式对话框，并提示用户输入密码。还有“单纯”烦恼的危险，当点击链接或浏览页面时，页面会启动全屏视频。相反，可以提供用户代理特定的界面特征以容易地允许用户获得全屏幕回放模式。

浏览器可以提供用户界面，但不应提供可编程的界面。

---

请注意，上述警告已从规范中删除。

Answer 2

这里的大部分答案都已过时。

现在可以使用Fullscreen API将任何元素全屏显示，尽管它仍然非常混乱，因为您不能只调用div.requestFullScreen()所有浏览器，但必须使用特定于浏览器的前缀方法。

我已经创建了一个简单的包装器screenfull.js，可以更轻松地使用Fullscreen API。

目前的浏览器支持是：

• Chrome 15+

• Firefox 10+

• Safari 5.1+

请注意，许多移动浏览器似乎还不支持全屏选项。

Answer 3

Safari支持它webkitEnterFullscreen。

Chrome应该支持它，因为它也是WebKit，但是出错了。

Firefox的 Chris Blizzard 表示，他们将推出自己的全屏版本，这将允许任何元素进入全屏。例如画布

Opera的 Philip Jagenstedt 表示，他们将在稍后的版本中支持它。

是的，HTML5视频规范说不支持全屏，但由于用户需要它，并且每个浏览器都支持它，规范将会改变。