<video> 全屏展开文档，而不是元素本身——为什么？

<video> fullscreen expands document, not element itself — why?

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

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

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

谢谢！

可能是因为您从 window 调用 requestFullscreen()（如果您自己调用该方法，则为默认设置）

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

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

Demo