onYouTubeIframeAPIReady youtube api not calling? - youtube

Question

Hi here i just want to know why my youtube api is not working.
my program work correctly at console.log("making youtube");
So, i search a lot i fond a solution like this ""Make sure your onYouTubeIframeAPIReady function is available at the global level, not nested (hidden away) within another function.""
But I am not able to understand anyone please update my code snippet.
here is my code.
var playYoutubeVideos = function (index, videoId) {
if (typeof videoId == "undefined") {
videoId = $('#list').find('li[index="'+index+'"]').attr('data-video_id');
}
jwplayer(playerId).stop();
$('.video-div').hide();
$('.transcript-container').hide();
$('.youtube_video_div').show();
var tag = document.createElement('script');
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
/*$('.youtube_video_div').append('<center><iframe class="video_frame" src="https://www.youtube.com/embed/'+videoId+'?&autoplay=1" frameborder="0" allowfullscreen></iframe></center>');
animateFooterList(index);*/
console.log(videoId);
}
var vdid=videoId;
// 3. This function creates an <iframe> (and YouTube player)
//after the API code downloads.
var player;
//function onYouTubeIframeAPIReady() {debugger;
console.log("making youtube");
player = new YT.Player('yt_fram', {
height: '390',
width: '640',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
//}
console.log(player);
function stopVideo() {
player.stopVideo();
}
$('.video-div').hide();
$('.transcript-container').hide();
$('.youtube_video_div').show();
index = index + 1;
nextvideoId = $('#list').find('li[index="'+index+'"]').attr('data-video_id');
jwplayer(playerId).play();
if($('#list li[index='+index+']').hasClass('video_plus'))
{
playThis(index,'video_plus',nextvideoId);
//return;
}
else if($('#list li[index='+index+']').hasClass('ext_video'))
{
playThis(index,'ext_video','');
//return;
}
playThis(index,'','');
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
console.log("youtube player ready");
event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
console.log("youtube player state change");
console.log("event");
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
utube api is not calling