Вызов функции внутри функции, определяемой глобально?

Question

Ive создал функцию для приостановки видео с YouTube. Когда я вызываю функцию сразу после ее определения, она работает нормально.

Однако как я могу назвать эту функцию паузы из других функций? Как onYouTubeIframeAPIReady установлен в окне, делает ли это глобальной функцией? Итак, это должно позволить мне вызвать функцию паузы?

window.onYouTubeIframeAPIReady = function() { 
      $youtubeVideos.each(function() { 
       var player = new window.YT.Player(this.id, { 
       events: { 
        onReady: function (e) { 
        var state = e.target.getPlayerState(); 
        if (state === window.YT.PlayerState.BUFFERING || state === window.YT.PlayerState.PLAYING) { 
         $element.addClass('video-playing'); 
         activePlayer = player; 
        } 
        }, 
        onStateChange: function (e) { 
        if (e.data === window.YT.PlayerState.BUFFERING || e.data === window.YT.PlayerState.PLAYING) { 
         $element.addClass('video-playing'); 
         activePlayer = player; 
        } else { 
         $element.removeClass('video-playing'); 
         activePlayer = null; 
        } 
        } 
       } 
       }); 

       // Video pause function 
       function pauseTheVid() { 
       player.pauseVideo(); 
       } 

       // This works 
       $('#trigger').click(function() { 
       pauseTheVid(); 
       }); 

      }); 
      }; 


     // Some other function that is nested somewhere else in my file. 
     // This doesnt work: 
     $('#trigger2').click(function() { 
     window.onYouTubeIframeAPIReady().pauseTheVid(); 
     }); 

Answer 1

// Video pause function 
this.pauseTheVid = function() { 
    player.pauseVideo(); 
} 

При изменении его свойства объекта, вы должны быть в состоянии создать экземпляр onYouTubeIframeAPIReady и вызовите функцию. Чтобы отменить его из других функций внутри одного и того же объекта, вы должны использовать ссылку на ту же область.

var self = this; 
// This works 
$('#trigger').click(function() { 
    self.pauseTheVid(); 
}); 

создание экземпляра может быть выполнено с использованием new.

window.youtube = function(){ 
    var self = this; 
    this.play = function(){ 
     console.log('play'); 
    } 
    this.anotherFunction = function(){ 
     self.play(); 
    } 
} 
//use this syntax in whatever file or scope you are 
var yt = new youtube(); 
yt.play(); 
yt.anotherFunction(); 

JSFiddle

Или в вашем конкретном случае:

$('#trigger2').click(function() { 
    var yt = new onYouTubeIframeAPIReady(); 
    //pauseTheVid is an object property as told before. 
    yt.pauseTheVid(); 
    });