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

Question

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

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

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

Answer 1

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

我发现此小提琴显示了全屏演示，并添加了该小提琴以显示概念：http : //jsfiddle.net/krtw58z0/

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