Uncaught TypeError: Cannot read property 'apply' of undefined

www-widgetapi.js:48 Uncaught TypeError: Cannot read property ‘apply’ of undefined

Gets logged every refresh and play, even worse is sometimes the events don’t bind. Meaning the playerReady and playerStateChanged don’t ever get called. I am unable to see a pattern, but exactly the same code refreshed seems to sometimes result in these events not getting bound. Happens like 10% of the time.

the tags are set up like this:

<ng-youtube-embed 
    video="videoID"
    videoid="videoMainStreamer" 
    enablejsapi="true"
    onready="playerReady"
    onstatechange="playerStateChanged">
</ng-youtube-embed>

The JS is this:

    $scope.videoID = 'VJawYtS_MlE';

    $scope.playerReady = function(event) {
        console.log(event); 
    };

    $scope.playerStateChanged = function(event) {
        console.log(event);
    };

Seems to be a issue of the widgetapi, however this error is avoidable if this module would set up the onYouTubePlayerAPIReady callback in a different way.

Even worse is the events not getting bound sometimes.

[Shrekie]

I think the problem lies mostly in onYouTubeIframeAPIReady not being called in certain circumstances, I would advise you to implement something like this in your module. To forcefully call the function after the iframe has been loaded.

var onLoadEvent = '';

if (!window.onNgYtIframeLoad){
    window.onNgYtIframeLoad = function(){
        window.onYouTubeIframeAPIReady();
    }
}

if(window.onNgYtIframeLoad){
    onLoadEvent = 'onLoad="onNgYtIframeLoad()"'; 
}

var iFrame = '<iframe id=" --etc--  '+ onLoadEvent +'></iframe>';

The pull request from atulingale009 includes very good improvements you should take a look at.

[ArunMichaelDsouza]

The PR has been merged. Feel free to try the new version out.