javascript - 结束事件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”被“on”和“off”取代

尝试：

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

如果最终用户故意寻找视频以结束将视频保持为暂停状态，则不会触发结束的事件。我能够让它工作：

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

Answer 4

2020 更新答案：

let player = videojs('video-player-id');

player.on('ended', function() {
  this.dispose();
});

我认为最好调用 dispose 更多关于为什么在这里

Answer 5

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

这将在视频结束时提醒您。将它放在您的视频代码下，它应该可以工作。