Запуск автозапуска видео на основе позиции прокрутки

Я пишу сценарий, который использует анимацию Wipe из сценария scrollorama.js. Я надеюсь, что смогу реализовать видео для автоматического воспроизведения на определенных маркерах в глубине прокрутки: то есть, когда страница видео уничтожила другую, и теперь она полностью доступна для просмотра. Я понял, как измерить глубину прокрутки, я успешно записал ее в своей консоли. Я понял, как измерить глубину прокрутки, но, может быть, я так устал, что не знаю, как настроить автоматическое воспроизведение видео на глубине прокрутки. Я надеюсь, что это юридический вопрос, и что я могу получить некоторую помощь. Кто-нибудь там пробовал это раньше? Вот код на данный момент.

enter code here $ (документ) .ready (function () {

$ (окно) .scroll (function (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');
    }


});

});

Ответы на вопрос(2)

Ваш ответ на вопрос