【问题标题】:How to recreate youtube full screen videos with scrolling如何通过滚动重新创建 youtube 全屏视频
【发布时间】:2020-01-04 17:49:32
【问题描述】:

您好,我很好奇 youtube 页面上的全屏滚动是如何工作的。

通常,当您全屏播放视频时,不会滚动。但是对于 youtube,他们能够使视频全屏(并通过扩展浏览器)并且仍然允许用户向下滚动页面。

我有一种感觉,他们正在做某种诡计并“劫持”全屏功能并触发视频进入影院模式。

完全不知道从哪里开始编写代码。

【问题讨论】:

  • 他们可能不会要求全屏显示video 元素,而是要求全屏显示(例如body)。然后他们只需将video 元素的高度和宽度设置为视口高度和宽度的 100%。
  • 刚刚检查过,是的,他们要求在 html 元素上全屏
  • @Wendelin 记住给出一个完整的答案,我会把它标记为正确的。这样你就得到了代表!

标签: javascript html css youtube


【解决方案1】:

YouTube 只是将整个 html 元素全屏化,并将 video 元素的高度和宽度更改为视口高度和宽度的 100%。

【讨论】:

    猜你喜欢
    • 2021-09-08
    • 1970-01-01
    • 2012-12-26
    • 2018-08-22
    • 1970-01-01
    • 1970-01-01
    • 2020-04-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多