Wyzwalanie autoodtwarzania wideo na podstawie pozycji przewijania
Piszę skrypt, który używa animacji Wipe ze skryptu scrollorama.js. Mam nadzieję, że uda mi się zaimplementować wideo do autoodtwarzania przy pewnych znacznikach w głębi przewijania: tj. Kiedy strona wideo wymazała inną, a teraz jest w pełni widoczna. Zorientowałem się, jak zmierzyć głębokość przewijania, z powodzeniem loguję się w konsoli. Zorientowałem się, jak zmierzyć, jak głęboko się przewijałem, ale może jestem tak zmęczony, że nie wiem, jak poprosić film o automatyczne odtwarzanie na głębokości przewijania. Mam nadzieję, że jest to pytanie prawne i że mogę uzyskać pomoc. Czy ktoś próbował tego wcześniej? Oto kod do tej pory.
enter code here
$ (document) .ready (function () {
$ (okno) .scroll (funkcja (e) {
var scrollAmount = $('body').scrollTop();
console.log(scrollAmount);
});
var controller = $.superscrollorama();
var pinDur = 800;
// create animation timeline for pinned element
var pinAnimations = new TimelineLite();
//pinAnimations.append([TweenMax.to($('#green'), .5, {css:{top:0}})], .5)
pinAnimations.append([TweenMax.to($('#intromovie'), .5, {css:{top:0}})], .5 )
pinAnimations.append([TweenMax.to($('#red'), .5, {css:{top:0}})], .5)
pinAnimations.append([TweenMax.to($('#blue'), .5, {css:{top:0}})], .5 )
pinAnimations.append([TweenMax.to($('#movie1'), .5, {css:{top:0}})], .5);
pinAnimations.append([TweenMax.to($('#history1'), .5, {css:{top:0}})], .5);
//pinAnimations.append(TweenMax.to($('#pin-frame-unpin'), .5, {css:{top:'100px'}}));
controller.pin($('#content_wrapper'), pinDur, {
anim:pinAnimations,
onPin: function() {
$('#content_wrapper').css('height','100%');
},
onUnpin: function() {
$('#content_wrapper').css('height','1000px');
}
});
});