Youtube videoconferences do not work

Question

ANSWERED: Turns out it's because I tested locally, doh!

I have the following code, pretty much taken directly from the API, but events do not fire. Any ideas? Thanks.

var tag = document.createElement('script'); tag.src = "http://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', { height: '250', width: '300', videoId: 'u1zgFlCw8Aw', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { alert("Ready"); event.target.playVideo(); } function onPlayerStateChange(event) { alert("State Changed"); } 

Answer 1

Try using the code below, works fine for me

 <div id="player"></div> <script> //Load player api asynchronously. var tag = document.createElement('script'); tag.src = "http://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() { player = new YT.Player('player', { height: '390', width: '640', videoId: 'JW5meKfy3fY', playerVars:{'autoplay':1, 'rel':0, 'showinfo':0, 'egm':0, 'showsearch':0,}, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { event.target.playVideo(); } function onPlayerStateChange(event,element) { //When the video has ended if (event.data == YT.PlayerState.ENDED) { //Get rid of the player element.style.display = "none"; } }