如何在具有自动播放功能的浏览器中保持全屏模式，就像 youtube 播放列表一样？答案

【问题标题】：How to persist fullscreen mode in browser with autoplay like youtube playlist does?如何在具有自动播放功能的浏览器中保持全屏模式，就像 youtube 播放列表一样？
【发布时间】：2021-02-03 14:58:45
【问题描述】：

步骤：

激活自动播放
设置全屏模式

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

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

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

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

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

【问题讨论】：

标签： javascript html video youtube fullscreen

【解决方案1】：

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

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

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

【讨论】：

我需要实现的项目使用了 React，那么即使 React 是 SPA，为什么 Fullscreen API 也不接受保持全屏模式？
单页应用程序 (SPA) 和结构化页面片段 (SPF) 不是一回事。如果您想更改 window.location 而不实际重新导航到新地址，您可能需要查看History API。