javascript - JavaScriptバインドイベントの問題

Question

私がこれを正しく書いているかどうか、皆さん/ギャルに確認したかっただけです. 私がやろうとしているのは、ユーザーがビデオを「一時停止」/「完了」したときに耳を傾けることです。最初のビデオでは complete() と pause() が適切に実行され、コンソール ログに正しく出力されますが、2 番目のビデオをテストしたところ、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);

///////////////////////更新1 ////////////////////////

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