滑动到一定自动播放视频为什么会报错?

ywqs
  • 31

当我页面滑动到一定距离自动播放视频一共两个视频,但是会报错

clipboard.png
这是代码

clipboard.png

clipboard.png
找了一些方法也是不行

回复
阅读 1.7k
2 个回答

先pause() 然后 play() 试一下,之前好像遇到过类似的问题,时间长了,忘记了

“页面滑动到一定距离”就自动播放声音出来的话,是在强x用户,所以浏览器都不允许这样做。

Chrome的autoplay政策是这样的:

  1. 没声音,都行;
  2. 有声音,只有在下面几种情况下起作用:

    • 有用户行为(click, tap, etc);
    • 对于桌面端,根据一个指数算用户是不是经常上这个网站,经常上的可以;
    • 对于移动端,用户将网站放到了home screen。

现在浏览器推荐的做法是,先加上muted,然后在用户点击的时候再打开声音。

<video id="video" muted autoplay>
<button id="unmuteButton"></button>

<script>
  unmuteButton.addEventListener('click', function() {
    video.muted = false;
  });
</script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏