滚动视频播放pageYOffset / 400重要性

时间:2015-02-25 07:39:12

标签: javascript scroll html5-video parallax

你能否告诉我将pageYOffset除以400的重要性我会在基于滚动的视频控制中看到这一点,但无法理解原因。

我可以参考这个codepen http://codepen.io/anon/pen/hfaLE和这个问题

// select video element
var vid = document.getElementById('v0');
//var vid = $('#v0')[0]; // jquery option

// pause video on load
vid.pause();

// pause video on document scroll (stops autoplay once scroll started)
window.onscroll = function(){
vid.pause();
};

// refresh video frames on interval for smoother playback
setInterval(function(){
vid.currentTime = window.pageYOffset/400;
}, 40);

HTML5 video, pause while scrolling

0 个答案:

没有答案