1

当我的页面加载时，大约 5 秒后，窗口滚动到一个 html 视频，这是页面下方的重要方式（自动播放）。这是 Safari 10 发布后的一个问题。有谁知道为什么会这样？

4

3 回答 3

1

它是 HTML 上的“控件”属性，我发现 Safari 上的新更新很少出现问题，看看这个：https ://stackoverflow.com/questions/42692679/video-tag-on-safari -10 秒后上升

我确实在 Jsfiddle 上重现了您的问题（在该问题上与我的混合）： https ://jsfiddle.net/antonino_R/d9tf0va3/15/ （向下滚动并再次运行以重现该问题，您可能需要快速运行和滚动再次下降）

并删除“控件”确实解决了问题https://jsfiddle.net/antonino_R/d9tf0va3/16/

<div class="wrapper">
  <div class="wrapper-inner">
    <div class="wrapper-video">
      <video autoplay loop muted >
      <source src="http://techslides.com/demos/sample-videos/small.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
      </video>
    </div>
    <div class="site-centered clearfix">
          <header class="entry-header">
            <h1 class="entry-title">this is a title</h1>
            <h2 class="entry-subtitle">this is some text</h2>
          </header>
    </div>
  </div>
</div>

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4>this is to scroll down the page and test that it goes up after few seconds</h4>

显然，如果需要控件，则此修复还不够好

于 2017-03-21T10:34:15.243 回答
1

我遇到了同样的问题-如果我删除了自动播放属性，它就不会发生。

通过 JS 启动自动播放（甚至从控制台启动视频）也会使页面跳转。

于 2016-12-14T17:48:45.180 回答
0

首先，您必须在页脚中添加这段代码：

<script>
var myVideo = document.getElementsByTagName("video")[0];
myVideo.controls = "";
</script>

这对我有用。在我遇到问题之前，网站加载后 5 秒后，我就跳到了带有视频背景的部分。我有覆盖图像并且没有值 min-height: ___px; 叠加层短于视频高度。

于 2017-10-03T08:29:10.357 回答