视频JS："Exited fullscreen because fullscreen element was removed from document."

Question

我在视频js HTML5播放器的全屏切换时遇到问题。

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

请注意，页面和镶边上的单个视频实例也存在问题。

Answer 1

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

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