如何經過滾動頁面控制視頻播放和中止

咱們除了須要獲取用戶當前滾動頁面距離頂部的距離，還須要獲取當前窗口的高度，每一個視頻距離文檔頂部的距離，獲取到這幾數據才能作處理。」

若是一屏不一樣時出現兩個視頻，咱們通常選擇視頻上部徹底進入窗口，和視頻下部剛剛移出窗口兩個邊界做爲播放視頻的區域！」

 

$("#video1").offset().top-$(document).scrollTop()>0就能夠看做視頻頂部徹底進入屏幕，window.innerHeight-(topnum1+$("#video1").height())>0能夠看做視頻下部沒有移出屏幕，因此我使用了一下jquery的scroll（窗口滾動事件），在頁面滾動過程當中進行實時判斷：

 

轉自老爐傳說