youtube javascript api doesn't trigger callback

Question

I'm trying to work with youtube's javascript api and am having a problem initializing it/getting a callback when it's ready. Api documentation can be found here.

I'm getting the videos from the json provided by youtube and embedding them like this:

//insert flash object in video element
        $(video_elm_arr[i]).append('<object id="video_' + i + '" width="' + width + '" height="' + height + '">' + 
                                   '<param name="movie" value="' + video_url + '?showinfo=0&enablejsapi=1"></param>' +
                                   '<param name="allowFullScreen" value="true"></param>' +
                                   '<param name="allowscriptaccess" value="always"></param>' +
                                   '<embed src="' + video_url + '?showinfo=0&enablejsapi=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + width + '" height="' + height + '"></embed>' +
                                   '</object>');

Note that I'm adding 'enablejsapi=1' to the url which should enable the javascript api. However, when I listen for the callback that the api is ready, ie:

//set player functionality when javascript api is available
  function onYouTubePlayerReady(playerId) {
    alert('api is ready!');
  }

it never gets triggered. Everything else on the page (including the youtube videos) loads correctly, and even the other parameter I pass in the videos url (showinfo=0) works properly. What gives? Anyone see my error? All help is greatly appreciated...

I know youtube recommends 'swfObject', but it's not an option in my case... — danwoods
– danwoods, Commented Jun 5, 2010 at 1:45
I've found a way around this problem (just using the thumbnails is reasonable for what I need), but I'd still like to know the answer :) — danwoods
– danwoods, Commented Jun 5, 2010 at 4:44

TopQ · Accepted Answer · 2010-09-21 06:18:43Z

1

Is the page being served from a server (ie, not from a local machine)? Youtube (or Flash in general) is not allowed to interact with JavaScript if the page is served locally.

answered Sep 21, 2010 at 6:18

TopQ

1853 silver badges13 bronze badges

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

Comments

user462489 · Accepted Answer · 2010-09-30 05:33:19Z

Try adding &playerapiid=THEPLAYERIDYOUWANTPASSEDIN to the URL. This is sent to the callback as the "playerId" parameter.

//insert flash object in video element
        $(video_elm_arr[i]).append('<object id="video_' + i + '" width="' + width + '" height="' + height + '">' + 
                                   '<param name="movie" value="' + video_url + '?showinfo=0&enablejsapi=1&playerapiid=' + i + '"></param>' +
                                   '<param name="allowFullScreen" value="true"></param>' +
                                   '<param name="allowscriptaccess" value="always"></param>' +
                                   '<embed src="' + video_url + '?showinfo=0&enablejsapi=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + width + '" height="' + height + '"></embed>' +
                                   '</object>');

Collectives™ on Stack Overflow

youtube javascript api doesn't trigger callback

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related