首页 > 解决方案 > 如何在具有自动播放功能的浏览器中保持全屏模式,就像 youtube 播放列表一样?

问题描述

脚步:

当转到下一个视频时,播放器退出全屏。我需要就像 youtube 一样,播放列表的下一个视频保持全屏显示。

我知道全屏浏览器 API 在由用户手势触发时才接受全屏模式。但是,由于用户已经设置了全屏模式,有没有办法在进入下一个视频时继续全屏?

我也知道退出全屏,因为当转到下一个视频时,会切换到不同的页面。

“此外,在全屏模式下导航到另一个页面 [...] 也会退出全屏模式。全屏 API

我的问题是,YouTube 如何在不退出全屏的情况下更改 window.location?

标签: javascripthtmlvideoyoutubefullscreen

解决方案


Youtube 不会通过切换页面来加载下一个视频。它重新加载/渲染现有网站上的新内容。

这意味着不会发生导航,因此不会退出全屏。

据我所知,他们使用了一个名为SPFJS的自定义框架,它代表“结构化页面片段”。它允许在现有页面中插入新内容。


推荐阅读