Youtube的“滚动详细信息”功能如何工作？

Question

Youtube推出了新功能-能够在全屏模式下观看视频时滚动页面（下方是屏幕）。

我的网站上有一个html5播放器，并且希望在全屏模式下实现相同的滚动。

目前，我不知道Youtube是如何做到的。有人可以向我解释吗？

Answer 1

似乎正在发生的事情是，变成全屏的元素实际上是视频播放器，评论等的包装。Youtube将播放器更改为剧院版本，并使其适合整个屏幕，但滚动显示其余内容。全屏显示的内容。

我发现这个小提琴展示了一个全屏演示，并添加了它来展示概念：http://jsfiddle.net/krtw58z0/

在包装元素上调用

requestFullScreen。可以根据需要设置虚拟“视频播放器”的样式（全屏显示时，我将宽度设置为100％），您仍然可以滚动查看其他子元素。

文档：https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API