YouTube: Introducing JavaScript Player API for iframe embeds

If you have been enjoying our embed announced back in July we have some good news for you. Starting today, the <iframe> embed code is the default way to share videos on We are also introducing an initial beta version of the <iframe> embed JavaScript Player API, making it a viable alternative for developers who previously used the API exposed by the ActionScript players. Let’s look at an example of the API usage:</p>
<div id=”player”></div>
//Load player api asynchronously.
var tag = document.createElement(‘script’);
tag.src = “”;
var firstScriptTag = document.getElementsByTagName(‘script’)[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var done = false;
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player(‘player’, {
height: ‘390’,
width: ‘640’,
videoId: ‘JW5meKfy3fY’,
events: {
‘onReady’: onPlayerReady,
‘onStateChange’: onPlayerStateChange
function onPlayerReady(evt) {;
function onPlayerStateChange(evt) {
if ( == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
function stopVideo() {

This example will play a video for several seconds and then stop playback. An instance of YT.Player is used to control the player, defined by script loaded from . For more information about the API usage, as always, please consult our Player API documentation and let us know what you think on our Developer Forum.

-Jarek Wilkiewicz, on behalf of the YouTube Player Team