Javascript 如何在滚动时暂停视频

大家好，当我滚动到网站的另一部分时，我正在尝试使网站上的视频暂停

我正在使用HTML5视频

 <video id="video_background" preload="auto" volume="5" autoplay="1"><!--or turn on loop="loop"-->
        <source src="videos/trailer.webm" type="video/webm">
        <source src="videos/trailer.mp4" type="video/mp4">
        <source src="videos/trailer.ogv" type="video/ogg ogv">
 </video>

我尝试使用stackoverflow上其他人的以下代码 但这对我的网站没有任何影响

var videos = document.getElementsByTagName("video_background"), fraction = 0.8;

function checkScroll() {

for(var i = 0; i < videos.length; i++) {

    var video = videos[i];

    var x = video.offsetLeft, y = video.offsetTop, w = video.offsetWidth, h = video.offsetHeight, r = x + w, //right
        b = y + h, //bottom
        visibleX, visibleY, visible;

        visibleX = Math.max(0, Math.min(w, window.pageXOffset + window.innerWidth - x, r - window.pageXOffset));
        visibleY = Math.max(0, Math.min(h, window.pageYOffset + window.innerHeight - y, b - window.pageYOffset));

        visible = visibleX * visibleY / (w * h);

        if (visible > fraction) {
            video.play();
        } else {
            video.pause();
        }

}

}

window.addEventListener('scroll', checkScroll, false);
window.addEventListener('resize', checkScroll, false);

---

getElementsByTagName通过其标记名表示元素。getElementByIdvideo_背景适合您的代码OMG！我想我只是对我的最后期限有点慌乱，我完全错过了。对不起，我的错。谢谢试试这个