如何通过滚动页面控制视频播放和停止

我们除了需要获取用户当前滚动页面距离顶部的距离，还需要获取当前窗口的高度，每个视频距离文档顶部的距离，获取到这几数据才能做处理。”

如果一屏不同时出现两个视频，我们一般选择视频上部完全进入窗口，和视频下部刚刚移出窗口两个边界作为播放视频的区域！”

$("#video1").offset().top-$(document).scrollTop()>0
就可以看作视频顶部完全进入屏幕，
window.innerHeight-(topnum1+$("#video1").height())>0
可以看作视频下部没有移出屏幕，所以我使用了一下jquery的scroll（窗口滚动事件），
在页面滚动过程中进行实时判断：
$(document).scroll(){
 var topnum1=$('#video1').offset().top-$(document).scrollTop();
 var bottomnum1=window.innerHeight-(topnum1+$('#video1').height());
 if(topnum1>0 && bottomnum1>0){
  $(#videmo1 video).play();
 }else{
  $('#video1 video').pause();
 }
 var topnum2=$('#video2').offset().top-$(document).scollTop();
 var bottomnum2=window.onnerHeight-(topnum2+$('#video2').height());
 if(){
  $('#video2 video').play();
 }else{
  $('#video2 video').pause();
 }
}