)
)
This document provides reference information for the YouTube ActionScript 3.0 (AS3) player API.
The AS3 API allows users to control the YouTube video players by loading the player into a Flash application and making calls via ActionScript to the player's public API. Your application can use a chromeless player, for which you will build custom controls in Flash, or an embedded player that has built-in controls. Calls can be made to play, pause, seek to a certain time in a video, set the volume, mute the player, and other useful functions. The ActionScript API is automatically activated when the player is loaded into another SWF.
The end user must have Flash Player 10.1 or higher installed to view everything correctly.
You can use a chromeless player or an embedded player in your application. Both players support the same functions. However, the embedded player displays standard controls, including a play/pause button, a progress bar, a volume control, and more. The chromeless player, on the other hand, does not display any controls, so you will need to develop your own custom player controls in Flash. You can also customize your users' experience by using player parameters to control various types of player behavior.
Loading the chromeless player
If your application is using a chromeless player, use the following URL to load the player in your application:
http://www.youtube.com/apiplayer?version=3
Loading the embedded player
Use the following URL to load an embedded video player. In the URL, replace the string VIDEO_ID with the 11-character YouTube video ID that identifies the video that the player will show.
http://www.youtube.com/v/VIDEO_ID?version=3
The Player API demo lets you compare the chromeless and embedded video players, and the examples below provide more detailed information about how to embed a YouTube player SWF into your Flash file. Once the player SWF is loaded, you can use the queueing functions – cueVideoById, loadVideoById, cueVideoByUrl, loadVideoByUrl, cuePlaylist, and loadPlaylist – to load a particular YouTube video or playlist.
You can also enable JavaScript API handlers for your player by adding the URL parameter enablejsapi=1 to the player's URL.
http://www.youtube.com/apiplayer?version=3&enablejsapi=1
Please see the JavaScript Player API documentation for more information.
The AS3 API is very similar to the JavaScript API, with some small changes to how the player is initialized and some additional functions. For examples of how to initialize and make calls to the player via ActionScript, see the examples below.
The subsections that follow list the functions that the player API supports.
The API supports two different syntaxes for calling the queueing functions.
The argument syntax requires function arguments to be listed in a prescribed order.
The object syntax lets you pass an object as a single parameter and to define object properties for the function arguments that you wish to set.
For example, the loadPlaylist function, which accepts four parameters, can be called in either of the following ways:
Argument syntax
loadPlaylist("4235435678761234", 1, 10, "small")
Object syntax
loadPlaylist({list: "PL4235435678761234", index: 1, startSeconds: 10, suggestedQuality: "small"});
player.cueVideoById(videoId:String, startSeconds:Number, suggestedQuality:String):VoidplayVideo() or seekTo() is called.
videoId parameter specifies the YouTube Video ID of the video to be played. In YouTube Data API video feeds, the <yt:videoid> tag specifies the ID.startSeconds parameter accepts a float/integer and specifies the time from which the video should start playing when playVideo() is called. If you specify a startSeconds value and then call seekTo(), then the player plays from the time specified in the seekTo() call. When the video is cued and ready to play, the player will broadcast a video cued event (5).suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.player.loadVideoById(videoId:String, startSeconds:Number, suggestedQuality:String):VoidvideoId parameter specifies the YouTube Video ID of the video to be played. In YouTube Data API video feeds, the <yt:videoid> tag specifies the ID.startSeconds parameter accepts a float/integer. If it is specified, then the video will start from the closest keyframe to the specified time.suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.player.cueVideoByUrl(mediaContentUrl:String, startSeconds:Number, suggestedQuality:String):VoidplayVideo() or seekTo() is called.
mediaContentUrl must be a fully qualified YouTube player URL in the format http://www.youtube.com/v/VIDEO_ID?version=3. In YouTube Data API video feeds, the url attribute of the <media:content> tag contains a fully qualified player URL when the tag's format attribute has a value of 5.startSeconds accepts a float/integer and specifies the time from which the video should start playing when playVideo() is called. If you specify startSeconds and then call seekTo(), then the player plays from the time specified in the seekTo() call. When the video is cued and ready to play, the player will broadcast a video cued event (5).suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.player.loadVideoByUrl(mediaContentUrl:String, startSeconds:Number, suggestedQuality:String):VoidmediaContentUrl must be a fully qualified YouTube player URL in the format http://www.youtube.com/v/VIDEO_ID?version=3. In YouTube Data API video feeds, the url attribute of the <media:content> tag contains a fully qualified player URL when the tag's format attribute has a value of 5.startSeconds accepts a float/integer and specifies the time from which the video should start playing. If startSeconds (number can be a float) is specified, the video will start from the closest keyframe to the specified time.suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.The cuePlaylist and loadPlaylist functions allow you to load and play a playlist or list of videos.
If you are using the object syntax to call these functions, you can also queue (or load) a list of search results or a user's list of uploaded videos.
Since the functions work differently depending on whether they are called using the argument syntax or the object syntax, both calling methods are documented below.
Argument syntax
player.cuePlaylist(playlist:String|Array, index:Number, startSeconds:Number, suggestedQuality:String):Void5).
The required playlist parameter specifies either a YouTube playlist ID or an array of YouTube video IDs. In YouTube Data API feeds, the <yt:playlistid> tag specifies a playlist ID, and the <yt:videoid> tag specifies a video ID.
The optional index parameter specifies the index of the first video in the playlist that will play. The parameter uses a zero-based index, and the default parameter value is 0, so the default behavior is to load and play the first video in the playlist.
The optional startSeconds parameter accepts a float/integer and specifies the time from which the first video in the playlist should start playing when the playVideo() function is called. If you specify a startSeconds value and then call seekTo(), then the player plays from the time specified in the seekTo() call. If you cue a playlist and then call the playVideoAt() function, the player will start playing at the beginning of the specified video.
The optional suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.
player.loadPlaylist(playlist:String|Array, index:Number, startSeconds:Number, suggestedQuality:String):VoidThe required playlist parameter specifies either a YouTube playlist ID or an array of YouTube video IDs. In YouTube Data API feeds, the <yt:playlistid> tag specifies a playlist ID, and the <yt:videoid> tag specifies a video ID.
The optional index parameter specifies the index of the first video in the playlist that will play. The parameter uses a zero-based index, and the default parameter value is 0, so the default behavior is to load and play the first video in the playlist.
The optional startSeconds parameter accepts a float/integer and specifies the time from which the first video in the playlist should start playing.
The optional suggestedQuality parameter specifies the suggested playback quality for the video. Please see the definition of the setPlaybackQuality function for more information about playback quality.
Object syntax
player.cuePlaylist({listType:String,
list:String,
index:Number,
startSeconds:Number,
suggestedQuality:String}):Void5).
The optional listType property specifies the type of results feed that you are retrieving. Valid values are playlist, search, and user_uploads. The default value is playlist.
The required list property contains a key that identifies the particular list of videos that YouTube should return.
listType property value is playlist, then the list property specifies the playlist ID or an array of video IDs. In YouTube Data API feeds, the <yt:playlistid> tag specifies a playlist ID, and the <yt:videoid> tag specifies a video ID.listType property value is search, then the list property specifies the search query.listType property value is user_uploads, then the list property identifies the user whose uploads will be returned.The optional index property specifies the index of the first video in the list that will play. The parameter uses a zero-based index, and the default parameter value is 0, so the default behavior is to load and play the first video in the list.
The optional startSeconds property accepts a float/integer and specifies the time from which the first video in the list should start playing when the playVideo() function is called. If you specify a startSeconds value and then call seekTo(), then the player plays from the time specified in the seekTo() call. If you cue a list and then call the playVideoAt() function, the player will start playing at the beginning of the specified video.
The optional suggestedQuality property specifies the suggested playback quality for the list's videos. Please see the definition of the setPlaybackQuality function for more information about playback quality.
player.loadPlaylist({list:String,
listType:String,
index:Number,
startSeconds:Number,
suggestedQuality:String}):VoidThe optional listType property specifies the type of results feed that you are retrieving. Valid values are playlist, search, and user_uploads. The default value is playlist.
The required list property contains a key that identifies the particular list of videos that YouTube should return.
listType property value is playlist, then the list property specifies a playlist ID or an array of video IDs. In YouTube Data API feeds, the <yt:playlistid> tag specifies a playlist ID, and the <yt:videoid> tag specifies a video ID.listType property value is search, then the list property specifies the search query.listType property value is user_uploads, then the list property identifies the user whose uploads will be returned.The optional index property specifies the index of the first video in the list that will play. The parameter uses a zero-based index, and the default parameter value is 0, so the default behavior is to load and play the first video in the list.
The optional startSeconds property accepts a float/integer and specifies the time from which the first video in the list should start playing.
The optional suggestedQuality property specifies the suggested playback quality for the list's videos. Please see the definition of the setPlaybackQuality function for more information about playback quality.
player.playVideo():Voidplaying (1).player.pauseVideo():Voidpaused (2) unless the player is in the ended (0) state when the function is called, in which case the player state will not change.player.stopVideo():VoidstopVideo first.paused (2) state, the stopVideo function could put the player into any not-playing state, including ended (0), paused (2), video cued (5) or unstarted (-1).player.seekTo(seconds:Number, allowSeekAhead:Boolean):Voidplaying, video cued, etc.), the player will play the video.
The seconds parameter identifies the time to which the player should advance.
The player will advance to the closest keyframe before that time unless the player has already downloaded the portion of the video to which the user is seeking. In that case, the player will advance to the closest keyframe before or after the specified time as dictated by the seek() method of the Flash player's NetStream object. (See Adobe's documentation for more information.)
The allowSeekAhead parameter determines whether the player will make a new request to the server if the seconds parameter specifies a time outside of the currently buffered video data.
We recommend that you set this parameter to false while the user drags the mouse along a video progress bar and then set it to true when the user releases the mouse. This approach lets a user scroll to different points of a video without requesting new video streams by scrolling past unbuffered points in the video. When the user releases the mouse button, the player advances to the desired point in the video and requests a new video stream if necessary.
player.clearVideo():VoidstopVideo(). Note that this function has been deprecated in the ActionScript 3.0 Player API.player.nextVideo():VoidIf player.nextVideo() is called while the last video in the playlist is being watched, and the playlist is set to play continuously (loop), then the player will load and play the first video in the list.
If player.nextVideo() is called while the last video in the playlist is being watched, and the playlist is not set to play continuously, then playback will end.
player.previousVideo():VoidIf player.previousVideo() is called while the first video in the playlist is being watched, and the playlist is set to play continuously (loop), then the player will load and play the last video in the list.
If player.previousVideo() is called while the first video in the playlist is being watched, and the playlist is not set to play continuously, then the player will restart the first playlist video from the beginning.
player.playVideoAt(index:Number):VoidThe required index parameter specifies the index of the video that you want to play in the playlist. The parameter uses a zero-based index, so a value of 0 identifies the first video in the list. If you have shuffled the playlist, this function will play the video at the specified position in the shuffled playlist.
player.mute():Voidplayer.unMute():Voidplayer.isMuted():Booleanplayer.setVolume(volume:Number):Voidplayer.getVolume():NumbergetVolume() will return the volume even if the player is muted.player.setSize(width:Number, height:Number):Voidplayer.setLoop(loopPlaylists:Boolean):VoidThis function indicates whether the video player should continuously play a playlist or if it should stop playing after the last video in the playlist ends. The default behavior is that playlists do not loop.
This setting will persist even if you load or cue a different playlist, which means that if you load a playlist, call the setLoop function with a value of true, and then load a second playlist, the second playlist will also loop.
The required loopPlaylists parameter identifies the looping behavior.
If the parameter value is true, then the video player will continuously play playlists. After playing the last video in a playlist, the video player will go back to the beginning of the playlist and play it again.
If the parameter value is false, then playbacks will end after the video player plays the last video in a playlist.
player.setShuffle(shufflePlaylist:Boolean):VoidThis function indicates whether a playlist's videos should be shuffled so that they play back in an order different from the one that the playlist creator designated. If you shuffle a playlist after it has already started playing, the list will be reordered while the video that is playing continues to play. The next video that plays will then be selected based on the reordered list.
This setting will not persist if you load or cue a different playlist, which means that if you load a playlist, call the setShuffle function, and then load a second playlist, the second playlist will not be shuffled.
The required shufflePlaylist parameter indicates whether YouTube should shuffle the playlist.
If the parameter value is true, then YouTube will shuffle the playlist order. If you instruct the function to shuffle a playlist that has already been shuffled, YouTube will shuffle the order again.
If the parameter value is false, then YouTube will change the playlist order back to its original order.
player.getVideoBytesLoaded():Numberplayer.getVideoBytesTotal():Numberplayer.getVideoStartBytes() is greater than zero. The function needs to approximate the video's size because the video's actual size is only communicated to the player when the video starts from the beginning.player.getVideoStartBytes():Numberplayer.getPlayerState():Numberplayer.getCurrentTime():Numberplayer.getPlaybackQuality():Stringundefined if there is no current video. Possible return values are highres, hd1080, hd720, large, medium and small.player.setPlaybackQuality(suggestedQuality:String):VoidonPlaybackQualityChange event will fire, and your code should respond to the event rather than the fact that it called the setPlaybackQuality function.suggestedQuality parameter value can be small, medium, large, hd720, hd1080, highres or default. We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.hd720 quality video will actually look better than an hd1080 quality video. We recommend calling the getAvailableQualityLevels() function to determine which quality levels are available for a video.suggestedQuality parameter value to default to enable YouTube to select the most appropriate playback quality.small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).highres: Player height is greater than 1080px, which means that the player's aspect ratio is greater than 1920px by 1080px.default: YouTube selects the appropriate playback quality. This setting effectively reverts the quality level to the default state and nullifies any previous efforts to set playback quality using the cueVideoById, loadVideoById or setPlaybackQuality functions.setPlaybackQuality function with a suggestedQuality level that is not available for the video, then the quality will be set to the next lowest level that is available. For example, if you request a quality level of large, and that is unavailable, then the playback quality will be set to medium (as long as that quality level is available).suggestedQuality to a value that is not a recognized quality level is equivalent to setting suggestedQuality to default.player.getAvailableQualityLevels():Arrayhighres, hd1080, hd720, large, medium and small. This function returns an empty array if there is no current video.player.getDuration():NumbergetDuration() will return 0 until the video's metadata is loaded, which normally happens just after the video starts playing.getDuration() function will return the elapsed time since the live video stream began. Specifically, this is the amount of time that the video has streamed without being reset or interrupted. In addition, this duration is commonly longer than the actual event time since streaming may begin before the event's start time.player.getVideoUrl():Stringplayer.getVideoEmbedCode():Stringplayer.getPlaylist():ArraysetShuffle function to shuffle the playlist order, then the getPlaylist() function's return value will reflect the shuffled order.player.getPlaylistIndex():NumberIf you have not shuffled the playlist, the return value will identify the position where the playlist creator placed the video. The return value uses a zero-based index, so a value of 0 identifies the first video in the playlist.
If you have shuffled the playlist, the return value will identify the video's order within the shuffled playlist.
player.addEventListener(event:String, listener:Function):Voidevent. The Events section below identifies the different events that the player might fire. The listener is a reference to the function that will execute when the specified event fires.The ActionScript specific API calls are listed below:
player.destroy():Voidplayer.destroy() to unload a YouTube player. This function will
close the NetStream object and stop additional videos from downloading after
the player has been unloaded. If your code contains additional references to
the player SWF, you also need to destroy those references separately when you
unload the player.onReadyonStateChangeonPlaybackQualityChangesetPlaybackQuality(suggestedQuality) function, this event will fire if the playback quality actually changes. Your code should respond to the event and should not assume that the quality will automatically change when the setPlaybackQuality(suggestedQuality) function is called. Similarly, your code should not assume that playback quality will only change as a result of an explicit call to setPlaybackQuality or any other function that allows you to set a suggested playback quality.onError2, 100, 101, and 150:2 error code is broadcast when a request contains an invalid parameter. For example, this error occurs if you specify a video ID that does not have 11 characters, or if the video ID contains invalid characters, such as exclamation points or asterisks.100 error code is broadcast when the video requested is not found. This occurs when a video has been removed (for any reason), or it has been marked as private.101 error code is broadcast when the video requested does not allow playback in the embedded players.150 is the same as 101, it's just 101 in disguise!The AS3 API uses a different initialization sequence than the AS2 player. Whereas the AS2 player uses the isPlayerLoaded() function to determine when the player is loaded, initialized and ready to receive API calls, the AS3 player uses a more robust event system. The sample code below demonstrates how to load and initialize the AS3 API player:
// The player SWF file on www.youtube.com needs to communicate with your host
// SWF file. Your code must call Security.allowDomain() to allow this
// communication.
Security.allowDomain("www.youtube.com");
// This will hold the API player instance once it is initialized.
var player:Object;
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT, onLoaderInit);
loader.load(new URLRequest("http://www.youtube.com/apiplayer?version=3"));
function onLoaderInit(event:Event):void {
addChild(loader);
loader.content.addEventListener("onReady", onPlayerReady);
loader.content.addEventListener("onError", onPlayerError);
loader.content.addEventListener("onStateChange", onPlayerStateChange);
loader.content.addEventListener("onPlaybackQualityChange",
onVideoPlaybackQualityChange);
}
function onPlayerReady(event:Event):void {
// Event.data contains the event parameter, which is the Player API ID
trace("player ready:", Object(event).data);
// Once this event has been dispatched by the player, we can use
// cueVideoById, loadVideoById, cueVideoByUrl and loadVideoByUrl
// to load a particular YouTube video.
player = loader.content;
// Set appropriate player dimensions for your application
player.setSize(480, 360);
}
function onPlayerError(event:Event):void {
// Event.data contains the event parameter, which is the error code
trace("player error:", Object(event).data);
}
function onPlayerStateChange(event:Event):void {
// Event.data contains the event parameter, which is the new player state
trace("player state:", Object(event).data);
}
function onVideoPlaybackQualityChange(event:Event):void {
// Event.data contains the event parameter, which is the new video quality
trace("video quality:", Object(event).data);
}
The sample code below demonstrates how YouTube determines the status of its quality toggle button, which lets users select a different playback quality based on available quality levels for a video.
var qualityLevels:Array = getAvailableQualityLevels()
// qualityLevels may be undefined if the API function does not exist,
// in which case this conditional is false
if (qualityLevels.length > 1) {
var highestQuality:String = qualityLevels[0]
if (highestQuality begins with "hd") {
// Brand quality toggle button as HD.
} else {
// Brand quality toggle button as HQ.
// The highest available quality is shown, but it is not HD video.
}
var quality:String = getPlaybackQuality();
if (quality == 'small' || quality == 'medium') {
// The user is not watching the highest quality available
// can can toggle to a higher quality.
} else {
// The user is watching the highest quality available
// and can toggle to a lower quality.
}
} else {
// Hide the toggle button because there is no current video or
// there is only one quality available.
}
Standalone sample code illustrating basic ActionScript 3.0 Player API usage is available as part of the gdata-samples Google Code project. After checking out the code from the source code repository, you'll find the sample in the ytplayer/actionscript3/com/google/youtube/examples/ directory. The code uses the Flex UI libraries, and can be built with the open source Flex SDK.
The ActionScript 2.0 Player API has been officially deprecated. However, there are still samples available on the documentation page.
This update contains the following changes:
The Requirements section has been updated to note that the end user must have Flash Player 10.1 or higher installed for the player to display everything correctly.
The definition of the seekTo function has been updated to indicate that if the player is paused when the function is called, the player will remain paused after the function executes.
This update contains the following changes:
The AS3 Player API now supports an object syntax for calling queueing functions. Those functions are cueVideoById, loadVideoById, cueVideoByUrl, loadVideoByUrl, cuePlaylist, and loadPlaylist.
The object syntax lets you pass an object as the only argument to a function. The object's properties specify the function arguments that you wish to set.
The cuePlaylist and loadPlaylist functions both support additional functionality when called using the object syntax. Specifically, when using the object syntax, you can use both functions to retrieve either a playlist, a list of search results, or a list of a user's uploaded videos. If you are using the argument syntax, you can only retrieve a playlist.
To support this functionality, the object syntax defines a listType property that can be used to specify whether the player is retrieving a playlist, a list of search results, or a list of a user's uploaded videos. The object's list property then specifies the playlist ID, search query, or username that identifies the desired feed.
To properly reflect this functionality, the Queueing functions for playlists section has been renamed to Queueing functions for lists. Within that section, the cuePlaylist and loadPlaylist functions are each defined twice to explain how to call each function using either the argument syntax or the object syntax.
The definitions of the cueVideoByUrl and loadVideoByUrl functions have been updated in two ways:
The definition of the mediaContentUrl argument for each function has been updated to note that the value must specify the version parameter. As such, the argument's value must be a fully qualified YouTube player URL in the format http://www.youtube.com/v/VIDEO_ID?version=3.
suggestedQuality parameter. This parameter specifies the suggested playback quality for the video.The definition of the getDuration function has been updated to explain that if the currently playing video is a live event, the function will return the elapsed time since the video stream began.
This update contains the following changes:
The following API functions have been added to support playlist players:
The cuePlaylist function loads the thumbnail image for the first video in the specified playlist and prepares the player to play the playlist. However, the player does not request the video until your application calls either the playVideo, playVideoAt, or seekTo function.
The loadPlaylist function loads and plays the specified playlist.
The getPlaylist function plays the currently cued playlist. The final player state after this function executes will be playing (1).
The getPlaylistIndex function returns the position in which the current video appears in the playlist. The first video will have a position of 1, the second video will have a position of 2, and so forth.
The nextVideo function instructs the player to load and play the next video in the playlist.
The previousVideo function instructs the player to load and play the previous video in the playlist.
The playVideoAt function instructs the player to load and play a specific video in the playlist.
The setLoop function lets you dynamically instruct the player to continuously play the playlist or, alternately, to sto playing after the playlist has played all of the videos in the playlist.
The setShuffle function instructs YouTube to play the videos in the playlist in random order (or to play them in their designated order.
This update contains the following changes:
The definition of the playVideo function has been updated to note that YouTube only counts playbacks that are initiated through a native play button in either the embedded or chromeless player.
If you link to the Player Parameters document from either the link in the Getting started section or from this paragraph, the page will initially only display parameters supported in the AS3 player. You can use the pulldown menu in the Overview section of that document to see parameters supported in other players (HTML5 or AS2) or all parameters.