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

Question

我在使用videojs HTML5播放器进行全屏切换时遇到了麻烦。

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

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

Answer 1

即使不咨询全屏api文档，也可能从消息中获得以下信息：videojs正在替换元素，并且您正在对该元素或其子元素之一调用requestFullScreen。一个不存在的元素无法全屏显示，因此该模式退出，这种行为已被记录，并且从消息中可以很明显地看到。

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