youtube api - onYouTubeIframeAPIReady() not firing -


i've looked through many questions , youtube api stuff life of me can't figure out why onyoutubeiframeapiready not working.

here iframe:

<iframe id="youtube_vid" width="763" height="430" src="https://www.youtube.com/embed/dljshzov2cw?theme=light&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" frameborder="0" allowfullscreen=""></iframe> 

and script:

function callytapi() {      var tag = document.createelement('script');     tag.src = "https://www.youtube.com/iframe_api";     var firstscripttag = document.getelementsbytagname('script')[0];     firstscripttag.parentnode.insertbefore(tag, firstscripttag);     console.log('script loaded');      function onyoutubeiframeapiready() {         console.log('iframeapi = ready');         var player = new yt.player('youtube_vid', {             events: {                 'onready': onplayerready,                 'onstatechange': onplayerstatechange             }         });     }      function onplayerready(event) {         event.target.playvideo();     }      function onplayerstatechange(event) {         if (event.data == yt.playerstate.paused) {             console.log("paused");         }          if (event.data == yt.playerstate.playing) {             console.log("playing");         }          if (event.data == yt.playerstate.ended) {             end();          }     } } 

i console.log loaded script not iframe ready or else. ideas? thanks

the callback functions must in global scope. move onyoutubeiframeapiready , others outside callytapi.


Comments

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -