视频全屏退出导致滚动位置改变

Question

我在使用 Firefox（我使用的是 61.0.1（64 位）版本）时遇到了一个问题，在退出向下滚动的页面上的视频元素的全屏时会导致 scrollTop body 到 return 的位置不正确。

要测试的示例代码如下（其中 ... 是导致页面过长的多个元素）：

<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>

示例fiddle：https://jsfiddle.net/webbm/p8ws3yc9/

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

在上面的例子中：

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

这是 work-around 的已知问题吗？

Answer 1

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

视频全屏退出导致滚动位置改变

Video fullscreen exit causing scroll position to change

firefox

html5-video

html5-fullscreen