Youtube JavaScript API isn't initializing

Question

Using YouTube's JavaScript API to control an iFrame embed. I've set up the functions and don't see any errors... but I'm not logging the API's initialization as documented here.

Yes, it's running off a server, not locally: http://jp.redwoodmatthews.com

Am I missing something? HTML and JavaScript below! Thanks for your help.

iFrame HTML:

<iframe id="ryanBingham" src="http://www.youtube.com/v/Xz5SNppHRxc?rel=0?enablejsapi=1&version=3&playerapiid=video" frameborder="0"></iframe>

JavaScript:

function onYouTubePlayerReady(playerId) {
    video = document.getElementById('ryanBingham');

    video.addEventListener('onStateChange', 'onytplayerStateChange');

    console.log('YouTube API initiated');
}

user123444555621 · Accepted Answer · 2012-09-09 21:10:31Z

1

You're on the wrong API docs. This is for iframes: https://developers.google.com/youtube/iframe_api_reference

Due to same origin restrictions, it works a bit differently. Also, the ready function is named onYouTubeIframeAPIReady.

Last but not least, make sure you load the API JS file

answered Sep 9, 2012 at 21:10

user123444555621

154k27 gold badges118 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Youtube JavaScript API isn't initializing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related