[問題] 判斷不同解析度而套入不同的東西

[ruichin (ruichin)]

抱歉標題很爛

各位前輩大家好
今天又有問題要問大家
就是我用.scroll來判斷滾輪而進行影片自己播放跟暫停
而現在遇到一個問題
就是在平板或手機還有一些不同的解析度時就無法順利的判斷了

$(function () {
  $(window).scroll(function () {
    var scrollVal = $(this).scrollTop();
    if(scrollVal >= 900 && scrollVal <= 1400){
      $('video').get(0).play();
    }else if(scrollVal <=800 || scrollVal >=1500){
      $('video').get(0).pause();
    }
  });
});

感謝大家

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.116.129.189
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1473672973.A.040.html
→ ruichin: 還是說可以在不同解析度套入另一個js檔，可以這樣嗎？
推 gtr99: 可以不同解析度載入不同的css檔，關鍵字 RWD+不同解析度
→ gtr99: 抱歉沒看清題目，JS部分你可以判斷影片物件的位置再來判斷
→ gtr99: 畫面是否已經離開影片
推 Throll: https://jsfiddle.net/4g32cpb5/  這樣嗎？
→ ruichin: g大感謝我再試看看
→ ruichin: t大感謝，差不多這樣，我再自己加個滾過頭也會停的看看
→ ruichin: 啊啊已經有滾過頭也停了，我研究一下怎麼判斷的，謝謝