Javascript 当用户滚动时播放多个视频

我使用下面的脚本来播放滚动到视口中的视频，当用户滚动视频时，它停止播放。问题是它只会播放一个视频，如果我为不同的源视频添加相同的html，就会出现一个空白屏幕。任何帮助都将不胜感激。这是我的代码

    <script type='text/javascript' src="http://prinzhorn.github.io/skrollr/dist/skrollr.min.js"></script>
    <style type='text/css'></style>
    <script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){
    var s = skrollr.init({
        render: function(data) {
            var $seventh = $("#seventh");

            var $video = $("#video");
            var videoElem = $video[0];

            var videoTop = $video.offset().top;
            var videoBottom = videoTop + $video.height();

            var viewTop = $(window).scrollTop();
            var viewBottom = viewTop + $(window).height();

            //play video when opacity is at least 50% and at least some of the video player is show
            var isViewable = $seventh.css("opacity") > 0.5 && (videoTop < viewBottom && videoBottom > viewTop);
            if(isViewable) {
                if(videoElem.paused) {
                    videoElem.play();
                    console.log("play");
                }
            }
            else {
                if(!videoElem.paused) {
                    videoElem.pause();
                    console.log("pause");
                }
            }
        }
    });
    s.setScrollTop(500);
});//]]>  

//0.5&（videoTopviewTop）；
如果（可查看）{
如果（videoElem.暂停）{
videoElem.play（）；
控制台日志（“播放”）；
}
}
否则{
如果（！videoElem.暂停）{
暂停；
控制台日志（“暂停”）；
}
}
}
});
s、 固定螺钉（500）；
});//]]>  

---

谢谢

您正在使用ID查找视频。重复的ID无效。我如何更改此项以添加多个ID？我对JavaScript比较陌生？任何帮助都将受到感谢。了解他们。我尝试过使用多ID变量$video=$（“#video，#video1，#video3”）；但它不起作用，这就是为什么我问，但我会去阅读课上，谢谢你的帮助