【问题标题】:Video fullscreen exit causing scroll position to change视频全屏退出导致滚动位置改变
【发布时间】:2018-07-29 08:05:06
【问题描述】:

我在 Firefox 上遇到了一个问题(我使用的是 61.0.1 版(64 位)),在退出页面上向下滚动的视频元素的全屏时,它会导致身体回到不正确的位置。

要测试的示例代码如下(... 是多个元素导致页面变长):

<p>1</p>
<p>2</p>
<p>3</p>
...
<p>7</p>
<p>8</p>
<p>9</p>
<p><video src="https://www.w3schools.com/htmL/mov_bbb.mp4" type="video/mp4" loop="loop" controls></video></p>
<p>10</p>
<p>11</p>
<p>12</p>
...
<p>19</p>
<p>20</p>
<p>21</p>
<p><video src="https://www.w3schools.com/htmL/mov_bbb.mp4" type="video/mp4" loop="loop" controls></video></p>

小提琴示例:https://jsfiddle.net/webbm/p8ws3yc9/

在我的示例中,我尝试将 HTML 保留为一些非常基本的元素,以免引入 CSS 相关问题。

在上面的例子中:

  • 退出第一个视频的全屏后,body 的 scrollTop 位于正确的位置。
  • 退出视频的全屏后,主体的 scrollTop 向上移动。
  • 即使只有第二个视频元素,这种行为仍然会发生,因此我认为这与存在多个视频元素无关。

这是一个已知的问题吗?

【问题讨论】:

    标签: firefox html5-video html5-fullscreen


    【解决方案1】:

    我已将此作为 https://bugzilla.mozilla.org/show_bug.cgi?id=1479262 下的错误提交给 Mozilla,他们正在调查。

    【讨论】:

      猜你喜欢
      • 2013-10-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多