javascript - javascript绑定事件问题

Question

如果我写得正确，我只是想和你们核实一下。我想要做的是听用户何时“暂停”/“完成”视频。第一个视频正确运行 complete() 和 pause() 并在控制台日志中正确输出，但是当我测试第二个视频时，complete() 和 pause() 在控制台日志中没有显示任何内容。我想知道是否是因为我有（2）个导致问题的绑定函数。如果有人可以帮助我或如何更好地写这个，我将不胜感激。

( function(window, document, $, undefined) {

     function complete(){
         // do something here
         console.log('video completed');
     }

     function pause(){
         // do something here
         console.log('video paused');
     }

     // 1st video
     $('.short .player').bind({
         ready: function(e) {
             e.preventDefault();
             // do something here
             complete();
             pause();
         }
     });

     // 2nd video
     $('.long .player').bind({
         ready: function(e) {
             e.preventDefault();
             // do something here
             complete();
             pause();
         }
     });

})(window, document, jQuery);

////////////////////////////////////////////////////////////////////////////////

( function(window, document, $, undefined) {

     function complete(){
         // do something here
         console.log('video completed');
     }

     function pause(){
         // do something here
         console.log('video paused');
     }

     // 1st video
     $('.short .player').one({
         click: function(e) {
             e.preventDefault();
             // do something here
             complete();
             pause();
         }
     });

     // 2nd video
     $('.long .player').one({
         click: function(e) {
             e.preventDefault();
             // do something here
             complete();
             pause();
         }
     });

})(window, document, jQuery);