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&showinfo=0&rel=0&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
Post a Comment