<video>全屏扩展文档，而不是元素本身- why？

在HTML5中，<video>标签用于嵌入视频内容，并允许用户播放这些内容。当你在页面中使用<video>标签时，有时可能希望视频能够扩展全屏而不是仅仅扩展文档，这是因为全屏模式可以提供更好的用户体验，让用户更专注于视频内容。

全屏扩展文档而不是元素本身的原因

• 全屏模式的用户体验：全屏模式能够提供更广阔的视野，让用户在观看视频或进行其他全屏应用时获得更佳的视觉体验。
• 占位和布局：如果视频只是扩展文档，它可能会占据页面上的大量空间，影响其他内容的展示和页面的整体布局。

相关优势

• 沉浸式体验：全屏模式能够减少干扰，提供沉浸式的体验，例如在观看视频时，用户可以享受到更大的视频画面和更少的界面元素干扰。
• 集中注意力：在需要用户高度集中的应用中，如网页游戏或数据可视化，全屏模式可以帮助用户更好地集中注意力在主要内容上。

类型和应用场景

• 视频播放：在视频播放应用中，全屏模式是最常见的使用场景，用户可以通过点击全屏按钮将视频切换到全屏模式。
• 网页游戏：游戏开发者经常使用全屏模式来提升玩家的游戏体验，让玩家完全沉浸在游戏世界中。
• 数据可视化：在数据可视化工具中，全屏模式可以让用户更清晰地查看和分析数据图表。

如何实现

要实现视频的全屏扩展而不是扩展文档，可以通过JavaScript调用全屏API。例如，使用document.getElementById('video-player').requestFullscreen()方法可以让视频元素进入全屏模式。

通过上述方法，你可以确保视频内容在全屏模式下正确扩展，同时保持页面的其他部分不被影响，从而提供更好的用户体验。