javascript绑定事件问题

Question

如果我正确地写这个，我只是想和你们/ gals一起检查一下。我正在尝试做的是在用户“暂停”/“完成”视频时进行监听。第一个视频正确运行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);

/////////////////////// UPDATED ONE ////////////////////// ///

( 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);