如何在youtube.com播放列表的浏览器中保持全屏模式呢?

时间:2018-01-23 00:13:31

标签: javascript html5 video youtube fullscreen

在youtube.com中,当您以全屏模式播放播放列表时,在播放列表中从一个视频切换到另一个视频时,全屏仍然存在。我想在我的网站上做同样的事情,那里有一个视频播放列表,用户可以在全屏模式下观看,但是新视频开始播放,全屏不会持续存在。

我从Fullscreen API了解到,需要用户互动才能使视频全屏显示。但是,那么youtube.com是如何做到的呢?

任何帮助将不胜感激!感谢。

1 个答案:

答案 0 :(得分:0)

这不是技术性(深入)的答案,但可能会帮助您作为一般性解释。我正在研究我正在研究的产品的确切问题。

全屏模式在您描述的场景中不会持续存在的原因是因为切换视频数量导航到不同的页面。

出于安全考虑,这是出于设计原因:“此外,在全屏模式下导航到另一个页面[...]也会退出全屏模式。” 请参阅:Fullscreen API

然后,诀窍是让全屏中的元素变化,从而不会导航到另一页。

从我收集的内容中,YouTube全屏显示视频的包装元素,当您切换到其他视频时,该元素的内容会发生变化。但是你所在的页面保持不变。 YouTube如何在不退出全屏的情况下设法更改window.location ...我不知道不幸。 但它必须与全屏仅部分页面有关。否则他们会绕过API的安全考虑因素。听起来不像是谷歌的恶魔可以证明的那样。