Html 如何在向下滚动页面的基础上暂停背景视频？

我有一个通用的样本网站在 我想知道的是，当用户向下滚动页面时，如何暂停视频。换句话说，当#content div（空白）占据（比方说）75%的屏幕时，视频会暂停。

---

谢谢

轻松点！绑定滚动事件侦听器并确定

#content

元素何时覆盖了屏幕的75%。完成后，您的回调将调用视频元素的

pause（）

（如：

document.getElementsByTagName（'video'）[0]。pause（）

）-希望这有帮助！是的。当然，我必须对JS做更多的研究，因为我仍然不知道[]s的用法。当你这样做时：

document.getElementsByTagName（）

，它将返回DOM中与标记名匹配的所有元素的类似数组的对象（节点列表）。您可以使用

[]

引用要选择的元素。如果给视频一个

id

并使用

document.getElementById（）

，则可以直接引用返回的对象（因为id是唯一的，

getElementById

将直接返回元素）。0表示第一个。明白了。这是我拼凑的一把小提琴：还有供参考的脚本：