【问题标题】：<video> fullscreen expands document, not element itself — why?<video> 全屏扩展文档，而不是元素本身——为什么？
【发布时间】：2016-07-14 20:10:10
【问题描述】：

我希望用户能够使用 <video> on this page/overlay 的原生 <video> 控件，但现在全屏操作会扩展整个网站文档，而不是视频元素本身，它没有显示叠加层及其视频。

为什么<video> 元素本身不能在浏览器中全屏显示？

我可以覆盖默认行为并使用requestFullscreen()吗？

谢谢！

【问题讨论】：

【解决方案1】：

这可能是因为您从窗口调用requestFullscreen()（如果您自己调用该方法，则为默认值）

您也可以从特定元素调用它，例如您的视频元素。

document.getElementById('video').requestFullscreen()

Demo

【讨论】：