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

Question

Я пытаюсь воспроизвести видео, пока я прокручиваю. Во всяком случае, я добился того, чтобы играть в нее вперед, но когда я прокручиваю назад, видео не воспроизводится в обратном направлении, вместо этого он играет вперед.

Вот мой код:

//getting video element 
var v = $("#v"); 

// calling function on scroll 
$("#video-wrapper").on('mousewheel','#v',function(){ 
    var playVideoByScrollv = new PlayVideoByScrollv(v); 
}); 

var PlayVideoByScrollv = function(video,e){ 

    var evt=window.event || e //equalize event object 
    //delta returns +120 when wheel is scrolled up, -120 when scrolled down 
    var delta = evt.detail ? evt.detail*(-120) : evt.wheelDelta 

    if(delta<=-120){ 
     video.currentTime += (1/24); 
     video[0].play(); 
     setTimeout(function(){ 
      video[0].pause(); 
     },40); 
    } 
    else{ 
     video.currentTime -= (1/24); 
     video[0].play(); 
     setTimeout(function(){ 
      video[0].pause(); 
     },40); 
    } 

    if (evt.preventDefault) //disable default wheel action of scrolling page 
     evt.preventDefault() 
    else 
     return false 
} 

Может кто-нибудь сказать мне, где я буду неправильно ??

Answer 1

Я думаю, что ваш код устанавливает текущее время либо в новое время в будущем (когда вы прокручиваете вперед), так и новое время в прошлом (при прокрутке назад). В обоих случаях он начнет воспроизводить видео как обычно (т. Е. Вперед).

Если вы хотите воспроизвести видео в обратном направлении, вы, вероятно, обнаружите, что это проблема, поскольку большинство методов кодирования предполагают игру вперед - например, 9-й кадр можно построить, взяв 6-й кадр и добавив некоторую информацию из 7-го кадра и восьмой кадр сначала, а затем информацию для 9-го кадра.

Для потоковых видео это еще более проблематично, поскольку потоки почти все будут настроены для воспроизведения только вперед.

Есть несколько подходов (см. Ответы на: Is it possible to play HTML5 video in reverse?), но я сомневаюсь, что любой из них является тем, что вы ищете.