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

时间:2018-07-29 08:05:07

标签: firefox html5-video html5-fullscreen

我特别遇到了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相关问题。

在上面的示例中:

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

这是解决方法的已知问题吗?

1 个答案:

答案 0 :(得分:0)

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