завершено событие videojs не работает

Question

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

 <script type="text/javascript"> 
     var myPlayer = videojs("session_video"); 
      videojs("session_video").ready(function(){ 
      this.addEvent("ended", function(){ 
      alert('Here I am'); 
      }); 
     });  
    </script> 

Однако я получаю: TypeError: this.addEvent не является функцией, и я не могу найти почему.

Вы можете увидеть его здесь: 78.47.121.50 (stackoverflow не позволит сделать ссылку) введите код 01-01-01-2012, чтобы открыть видео.

Любое понимание очень абрикоса!

С уважением, Джейсон.

Answer 1

«addEvent» и «removeEvent» были заменены «на» и «выключен»

попробовать:

this.on("ended", function(){ 

Answer 2

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

player.ready(function() { 
      var myPlayer = this; 

      playerInstance.on("timeupdate", function(event) { //chrome fix 
       if (event.currentTarget.currentTime == event.currentTarget.duration) { 
        console.log('video ended'); 
       } 
      }); 
    }); 

Answer 3

On Stackoverflow Я нахожу одну часть решения, другую сторону от Lyn Headley.

<script type="text/javascript"> 
    //rename subtitle button 
    videojs.addLanguage('de', { 
     "captions off": "Untertitel aus", 
    }); 

    videojs(document.querySelector('video') /* or selector string */, { 
     techOrder: ['html5', 'flash'], 
     controls: true, 
     autoplay: false, 
     preload: 'false', 
     language: 'de', 
     flash: { 
      swf: 'video-js.swf' 
     } 
    }, function(){ 
     // Player (this) is initialized and ready. 
     this.on('ended', function(){ 
      alert('ended'); 
     }); 
     this.on('firstplay', function(){ 
      alert('firstplay'); 
     }); 
    }); 
</script> 

это предупредит вас о конце видео. поместите его под кодом вашего видео , и он должен работать.

Answer 4

завершено Событие не срабатывает, если конечный пользователь намеренно ищет видео, чтобы сохранить видео в паузе. Я был в состоянии получить его работу, как:

<script type="text/javascript"> 
 
     var player = videojs('my_video', {}, function() {}); 
 
     player.ready(function(){ 
 
     var duration_time = Math.floor(this.duration()); 
 
     this.on('timeupdate', function() { 
 
      var current_time = Math.floor(this.currentTime()); 
 
      if (current_time > 0 && (current_time == duration_time)){ 
 
      $('#continue_button').removeAttr("disabled"); 
 
      } 
 
     }); 
 
     }); 
 
    </script>