Thursday, March 31, 2011

[YouTube-API] IFrame player API google demo in IE Safari

Hi, I've been working with the demo provided by google of the IFrame player API.

I have been able to use this system to do various things however with IE and Safari it doesn't work properly. The demo doesn't play and stop after 6sec as it should. After much testing I can't get those browsers to listen to "events". I've tried adding player.addEventListener('onReady', 'onPlayerReady'); etc.

Have been using latest versions of IE and Safari.

heres the google code:
<html>   <body>     <!-- 1. The <div> tag will contain the <iframe> (and video player) -->     <div id="player"></div>      <script>       // 2. This code loads the IFrame Player API code 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);        // 3. This function creates an <iframe> (and YouTube player)       //    after the API code downloads.       var player;       function onYouTubePlayerAPIReady() {         player = new YT.Player('player', {           height: '390',           width: '640',           videoId: 'u1zgFlCw8Aw',           events: {             'onReady': onPlayerReady,             'onStateChange': onPlayerStateChange           }         });       }        // 4. The API will call this function when the video player is ready.       function onPlayerReady(event) {         event.target.playVideo();       }        // 5. The API calls this function when the player's state changes.       //    The function indicates that when playing a video (state=1),       //    the player should play for six seconds and then stop.       var done = false;       function onPlayerStateChange(event) {         if (event.data == YT.PlayerState.PLAYING && !done) {           setTimeout(stopVideo, 6000);           done = true;         }       }       function stopVideo() {         player.stopVideo();       }     </script>   </body> </html>

--
You received this message because you are subscribed to the Google Groups "YouTube APIs Developer Forum" group.
To post to this group, send email to youtube-api-gdata@googlegroups.com.
To unsubscribe from this group, send email to youtube-api-gdata+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/youtube-api-gdata?hl=en.

No comments:

Post a Comment