var src = "http://jsdo.it/static/assets/svggirl/12/trailer.webm"; var $video = $('<video>'); var $win = $(window); var $log = $('#log'); $video.one('canplay', init).attr('src', src); function init(){ $('#videoContainer').append($video); $('#spacer').css('height', $video.prop('duration') * 100 + $win.innerHeight() + 'px'); $log.text('scroll!!!'); $win.on('scroll', function(){ var scrollY = $win.scr
![videoをスクロールで操作 - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/63652b28c7b55e3925d55a44440c70c388e9a200/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Ff%2FS%2F4%2FfS4f.jpg%3Ft%3D1401836230)