YouTube Engineering and Developers Blog: Introducing JavaScript Player API for iframe embeds

Engineering and Developers Blog

What's happening with engineering and developers at YouTube

Introducing JavaScript Player API for iframe embeds

Thursday, January 20, 2011

Update (July 2012): The onYouTubePlayerAPIReady callback has been superseded by onYouTubeIframeAPIReady and the URL for loading the IFrame Player API code has changed to http(s)://www.youtube.com/iframe_api. The API is now fully supported.
<iframe>announced<iframe>share videosan initial beta version of<iframe><!DOCTYPE HTML><html><body><div id="player"></div><script> //Load player api asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var done = false; var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '390', width: '640', videoId: 'JW5meKfy3fY', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(evt) { evt.target.playVideo(); } function onPlayerStateChange(evt) { if (evt.data == YT.PlayerState.PLAYING && !done) { setTimeout(stopVideo, 6000); done = true; } } function stopVideo() { player.stopVideo(); }</script></body></html>YT.Playerhttp(s)://www.youtube.com/iframe_apidocumentationDeveloper Forum