Eu estou escrevendo um script que usa a animação Wipe do script scrollorama.js. Espero poder implementar um vídeo para reprodução automática em determinados marcadores na profundidade de rolagem: ou seja, quando uma página de vídeo eliminou outra, e agora está totalmente visível. Eu descobri como medir a profundidade de rolagem, estou logando com sucesso no meu console. Eu descobri como medir o quão profundo eu rolei, mas talvez eu esteja tão cansado, eu não sei como pedir ao vídeo para tocar automaticamente na profundidade de rolagem. Espero que esta seja uma questão legal, e que eu possa obter alguma ajuda. Alguém aí já tentou isso antes? Aqui está o código até agora.

enter code here $ (document) .ready (function () {

$ (janela) .scroll (função (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');
    }


});

});