html5-video - videojs：“退出全屏，因为全屏元素已从文档中删除。”

Question

我在 videojs HTML5 Player 的全屏切换时遇到问题。

在这里，我在一个页面 ( https://yiddishevinkel.com/archives/9555 ) 上有两个视频，其中主视频看起来不错。但是侧边栏中的视频，我无法切换到全屏模式。当我点击全屏切换时，它切换到全屏并立即退出全屏模式，并在 Firefox 控制台中显示“退出全屏，因为全屏元素已从文档中删除。 ”警告。

请注意，问题仍然存在于页面和 chrome 上的单个视频实例。

Answer 1

甚至没有查阅全屏 api 文档，您收到的消息似乎很可能是 videojs 正在替换一个元素，并且您正在对该元素或其子元素之一调用 requestFullScreen。不存在的元素无法全屏显示，因此模式退出，这种行为既记录在案，又从消息中非常明显。

解决方案：不要。用 div 包装它并在其上调用 requestFullScreen 。