# as3 youtube api grey screen

**URL:** <https://forum.kirupa.com/t/as3-youtube-api-grey-screen/327927>\
**Category:** flash\
**Created:** [April 6, 2012, 4:07am UTC](https://forum.kirupa.com/t/as3-youtube-api-grey-screen/327927 "2012-04-06T04:07:24Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![bluebo](https://avatars.discourse-cdn.com/v4/letter/b/d26b3c/32.png) [@bluebo](https://forum.kirupa.com/u/bluebo)\
**Post date:** [April 6, 2012, 4:07am UTC](https://forum.kirupa.com/t/as3-youtube-api-grey-screen/327927/1 "2012-04-06T04:07:24Z")

</div>

hello everyone, ive been going at this for the past three days, and i cant solve it for the life of me. i dont know where in the heck im going wrong, but the screen turns grey…

import flash.events.MouseEvent;  
import flash.text.TextFormat;  
import flash.text.TextField;  
import flash.events.Event;  
import flash.display._;  
import flash.utils.Timer;  
import flash.net.URLLoader;  
import flash.filters._;  
import flash.ui.Mouse;  
import flash.events.MouseEvent;  
import fl.transitions.Tween;  
import fl.transitions.easing._;  
import flash.text.AntiAliasType;  
import flash.text.Font;  
import flash.display.StageAlign;  
import flash.display.StageScaleMode;  
import flash.events.Event;  
import fl.transitions.TweenEvent;  
import flash.net.SharedObject;  
import flash.system.Security;  
import flash.system.SecurityPanel;  
import flash.system.LoaderContext;  
import flash.display.LoaderInfo;  
import flash.display.StageDisplayState;  
import com.greensock._;  
import com.greensock.easing._;  
import com.greensock.plugins._;  
Security.allowDomain(“[www.youtube.com](http://www.youtube.com)”);  
TweenPlugin.activate([TintPlugin]);

stage.align = StageAlign.TOP\_LEFT;  
stage.scaleMode = StageScaleMode.NO\_SCALE;

var stageSize:String;  
var firstTimeHere:Boolean = true;  
var bottomVidControlsArray:Array = new Array();  
var topVidControlsArray:Array = new Array();  
var bottomVidControlsContainer:Sprite = new Sprite();  
var topVidControlsContainer:Sprite = new Sprite();  
var playBtnNormalX:Number;  
var playBtnNormaly:Number;  
var previousBtnNormalX:Number;  
var previousBtnNormaly:Number;  
var nextBtnNormalX:Number;  
var nextBtnNormaly:Number;  
var progBlueNormalX:Number;  
var progBlueNormaly:Number;  
var infoBtnNormalX:Number;  
var infoBtnNormaly:Number;  
var repeatBtnNormalX:Number;  
var repeatBtnNormaly:Number;  
var shuffleBtnNormalX:Number;  
var shuffleBtnNormaly:Number;  
var definitionBtnNormalX:Number;  
var definitionBtnNormaly:Number;  
var playListBtnNormalX:Number;  
var playListBtnNormaly:Number;  
var volumeBtnNormalX:Number;  
var volumeBtnNormaly:Number;  
var volumeBarBlueNormalX:Number;  
var volumeBarBlueNormaly:Number;  
var fullScreenBtnNormalX:Number;  
var fullScreenBtnNormaly:Number;  
var topTextPlayingNormalX:Number;  
var topTextPlayingNormaly:Number;  
var shareTextNormalX:Number;  
var shareTextNormaly:Number;  
var minimizeTextNormalX:Number;  
var minimizeTextNormaly:Number;  
var closeXTextNormalX:Number;  
var closeXTextNormaly:Number;  
var topControlsBackNormalX:Number;  
var topControlsBackNormaly:Number;  
var topControlsBackNormalWidth:Number;  
var bottomControlsBackNormalX:Number;  
var bottomControlsBackNormaly:Number;  
var bottomControlsBackNormalWidth:Number;

var youtubePlayer:Object;  
var youtubeLoader:Loader = new Loader();  
var videoLoaded:Number;  
var videoPlayed:Number;  
var theVidId:String;  
var volumeMuted:Boolean = false;  
var volumePosition:Number;

var playListLoader:Loader = new Loader();  
var menuLoader:Loader = new Loader();  
var menuLeftContainer:Sprite = new Sprite ;  
var theIndexNumberBeingPlayed:uint = 0;

var theVideosArray:Array = new Array ();  
var xmlLoader:URLLoader = new URLLoader();

player.addEventListener(Event.ENTER\_FRAME, resizeHandler);

function resizeHandler(event:Event):void  
{

```
if (stage.stageWidth &lt;= 1280)
{
	stageSize = 'Small';
}
else if (stage.stageWidth &gt; 1280 && stage.stageWidth &lt;= 1440)
{
	stageSize = 'Medium';
}
else if (stage.stageWidth &gt; 1440)
{
	stageSize = 'Large';
}
player.y = stage.stageHeight / 2 - player.height / 2;
player.x = stage.stageWidth / 2 - player.width / 2;
TweenLite.to(player.volLightGrey, 0, {tint:0x777777});
TweenLite.to(player.progLightGrey, 0, {tint:0x777777});
TweenLite.to(player.progDarckGrey, 0, {tint:0x464646});
player.repeatBtn.repeatOneText.visible = false;
player.pauseBtn.visible = false;
player.removeEventListener(Event.ENTER_FRAME, resizeHandler);
player.playBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.pauseBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.previousBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.nextBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.repeatBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.shuffleBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.definitionBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.playListBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.volumeBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);
player.fullScreenBtn.addEventListener(MouseEvent.MOUSE_OVER, controlsOverHandeler);

player.playBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.pauseBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.previousBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.nextBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.repeatBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.shuffleBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.definitionBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.playListBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.volumeBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);
player.fullScreenBtn.addEventListener(MouseEvent.MOUSE_OUT, vidContollersOut);

player.topTextPlaying.addEventListener(MouseEvent.MOUSE_OVER, textControlsOver);
player.shareText.addEventListener(MouseEvent.MOUSE_OVER, textControlsOver);
player.minimizeText.addEventListener(MouseEvent.MOUSE_OVER, textControlsOver);
player.closeXText.addEventListener(MouseEvent.MOUSE_OVER, textControlsOver);

player.topTextPlaying.addEventListener(MouseEvent.MOUSE_OUT, textControlsOut);
player.shareText.addEventListener(MouseEvent.MOUSE_OUT, textControlsOut);
player.minimizeText.addEventListener(MouseEvent.MOUSE_OUT, textControlsOut);
player.closeXText.addEventListener(MouseEvent.MOUSE_OUT, textControlsOut);

player.topTextPlaying.selectable = false;
player.shareText.selectable = false;
player.minimizeText.selectable = false;
player.closeXText.selectable = false;
player.prevCenterBtn.visible = false;
player.replayCenterBtn.visible = false;
player.nextCenterBtn.visible = false;
player.volumeBtn.addEventListener(MouseEvent.CLICK, mutePlayer);
player.volumeHitRea.addEventListener(MouseEvent.CLICK, togleVolume);
player.progres **** Area.addEventListener(MouseEvent.CLICK, toggleVidProgress);

```

}

function controlsOverHandeler(event:MouseEvent):void  
{  
TweenLite.to(event.currentTarget, .05, {tint:0x5c89e5});  
}  
function vidContollersOut(event:MouseEvent):void  
{  
TweenLite.to(event.currentTarget, .05, {tint:0x777777});  
}  
function textControlsOver(event:MouseEvent):void  
{  
event.target.textColor = 0x5c89e5;  
}  
function textControlsOut(event:MouseEvent):void  
{  
event.target.textColor = 0x777777;  
}

xmlLoader.addEventListener(Event.COMPLETE, showXML);  
xmlLoader.load(new URLRequest(“dock-contents.xml”));  
function showXML(e:Event):void  
{  
XML.ignoreWhitespace = true;  
var songs:XML = new XML(e.target.data);

```
var i:Number;
for (i=0; i &lt; songs..menuItem.length(); i++)
{
	theVideosArray.push(songs..menuItem*.media.@link);

}

```

}

youtubeLoader.load(new URLRequest(“[http://www.youtube.com/apiplayer?version=3](http://www.youtube.com/apiplayer?version=3)”));  
youtubeLoader.contentLoaderInfo.addEventListener(Event.INIT, onLoaderInit);

function onLoaderInit(event:Event):void {  
player.addChildAt(youtubeLoader,0);  
youtubeLoader.content.addEventListener(“onReady”, onPlayerReady);  
// youtubeLoader.content.addEventListener(“onError”, onPlayerError);  
youtubeLoader.content.addEventListener(“onStateChange”, onPlayerStateChange);  
// youtubeLoader.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.
youtubePlayer = youtubeLoader.content;
//youtubePlayer.cueVideoById('Gqv4Vviod0c');
youtubePlayer.cuePlaylist('246E0F5A54C81EC2');
// Set appropriate player dimensions for your application
youtubePlayer.setVolume(20);
youtubePlayer.setSize(800, 400);

```

}

function onPlayerStateChange(event:Event):void {  
switch (Object(event).data)  
{

```
case -1 :

break;
case 0 :
player.progres **** Area.removeEventListener(Event.ENTER_FRAME, updateplaydDuration);
break;

         
case 1 :
player.progres **** Area.addEventListener(Event.ENTER_FRAME, updateplaydDuration);

break;
case 2 :
//bbbbb.text = 'paused';

break;
}

```

}

function mutePlayer(event:MouseEvent):void  
{  
if(volumeMuted == false)  
{  
volumePosition = player.volumeBarBlue.width;  
youtubePlayer.mute();  
TweenLite.to(player.volumeBarBlue, .3, {width:0});  
volumeMuted = true;  
}  
else if(volumeMuted == true)  
{  
youtubePlayer.unMute()  
TweenLite.to(player.volumeBarBlue, .3, {width:volumePosition});  
volumeMuted = false;  
}

}

function togleVolume(event:MouseEvent):void  
{  
var desiredVolume:uint = Math.round(event.localX);  
trace(desiredVolume);  
TweenLite.to(player.volumeBarBlue, .3, {width:desiredVolume});  
var desiredVolumeCalculated:uint = desiredVolume \* 2;  
youtubePlayer.setVolume(desiredVolumeCalculated);

}

function updateplaydDuration(event:Event):void  
{  
var videoLoaded:Number = youtubePlayer.getVideoBytesLoaded() / youtubePlayer.getVideoBytesTotal() \* 100;  
player.progLightGrey.scaleX = videoLoaded / 100;  
var videoPlayed=(youtubePlayer.getCurrentTime()/youtubePlayer.getDuration())\*100;  
player.progBlue.scaleX = videoPlayed / 100;  
}

function toggleVidProgress(event:MouseEvent):void  
{  
var desiredVidTimeStart:Number = Math.round(event.localX);  
//trace(desiredVidTimeStart);  
var desiredVidTimeStart2:Number = desiredVidTimeStart/440;  
trace(desiredVidTimeStart2);  
var vidDuration:Number = youtubePlayer.getDuration();  
var vidCurrentPlaybackPosition:Number = youtubePlayer.getCurrentTime();  
var calculateTimePercentage:Number = Math.floor(desiredVidTimeStart2\*vidDuration);  
trace(calculateTimePercentage);  
//trace(desiredTime);  
player.progBlue.width = desiredVidTimeStart;

```
//var desiredTime:uint = desiredVidTimeStart*2;
youtubePlayer.seekTo(calculateTimePercentage);

```

}

thanks a tone anyone!!!