<!-- 1. The <div> tag will contain the <iframe> (and video player) --> <div id="ytplayer"></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 ytplayer; function onYouTubePlayerAPIReady() { ytplayer = new YT.Player('ytplayer', { height: '385', width: '640', videoId: '', playerVars: {'wmode': 'opaque', 'autohide': 1 , 'enablejsapi': 1 , 'origin': 'http://www.myonlinelocation.com', 'rel': 0}, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange, } }); } // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { event.ytplayer.cueVideoById(id, startSeconds); } // 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) { done = true; } } </script> |