Estoy escribiendo un script que usa la animación de Wipe del script scrollorama.js. Espero poder implementar un video para reproducir automáticamente en ciertos marcadores en la profundidad de desplazamiento: es decir, cuando una página de video ha borrado otra, y ahora es completamente visible. Descubrí cómo medir la profundidad de desplazamiento, lo estoy logrando con éxito en mi consola. Descubrí cómo medir la profundidad de mi desplazamiento, pero tal vez estoy tan cansado que no sé cómo pedir que el video se reproduzca automáticamente a la profundidad del desplazamiento. Espero que esta sea una pregunta legal y que pueda obtener ayuda. ¿Alguien por ahí ha intentado esto antes? Aquí está el código hasta ahora.

enter code here $ (documento) .ready (función () {

$ (ventana) .scroll (función (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');
    }


});

});