video sự kiện đã kết thúc không hoạt động

Question

Tôi muốn kích hoạt một sự kiện đơn giản khi video của tôi kết thúc. Tôi đã đặt nó trực tiếp dưới thẻ video của tôi.

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

Tuy nhiên tôi nhận được: TypeError: this.addEvent không phải là chức năng và tôi không thể tìm thấy lý do.

Bạn có thể xem video trực tiếp tại đây: 78.47.121.50 (ngăn xếp chồng sẽ không cho phép tạo liên kết đó) nhập mã 01-01-01-2012 để hiển thị video.

Bất kỳ thông tin chi tiết nào đều được bổ sung rất nhiều!

Trân trọng, Jason.

Answer 1

"addEvent" và "removeEvent" được thay thế bằng "on" và "tắt"

thử:

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

Answer 2

Đối với những người vẫn còn có vấn đề với sự kiện đã kết thúc trong một số trình duyệt, bạn có thể dùng đến sửa lỗi này:

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

Trên Stackoverflow tôi tìm thấy một phần của giải pháp mà bên kia tìm thấy từ Lyn Headley top answer.

<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> 

điều này sẽ cảnh báo bạn khi kết thúc video. đặt mã đó dưới mã video của bạn và nó sẽ hoạt động.

Answer 4

kết thúc sự kiện sẽ không kích hoạt nếu người dùng cuối cố tình tìm kiếm video để kết thúc việc giữ video dưới dạng tạm dừng. Tôi đã có thể làm cho nó làm việc như:

<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>