Variable width loadBar

1

I have a loader mc which scales to the width of the Stage. The loader mc has 3 nested mc’s. A bg mc, progressBar mc, and loadBar mc.

The loader and all nested mc’s scale properly when I test it in the flash IDE but once I place the swf in a html page then the width is not accurate anymore. Another issue is since the loader stretches across the stage it needs to resize correctly in fullscreen mode.

Click here here to view the example

[LEFT][COLOR=#f000f0]*// This is the code

// ----- [ Stage Align ] ----- //[/COLOR]
[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]scaleMode[/COLOR] = [COLOR=#0000ff]“noScale”[/COLOR];
[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]align[/COLOR] = [COLOR=#0000ff]“TL”[/COLOR];
[COLOR=#f000f0]// –
[/COLOR] loader.[COLOR=#993300]_x[/COLOR] = [COLOR=#000000]0[/COLOR];
loader.[COLOR=#993300]_y[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#000000]height[/COLOR]-[COLOR=#000000]51[/COLOR];
loader.[COLOR=#993300]_width[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]_width[/COLOR] = [COLOR=#000000]0[/COLOR];
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]_width[/COLOR] = [COLOR=#000000]0[/COLOR];
loader.[COLOR=#000000]bg[/COLOR].[COLOR=#993300]_width[/COLOR] = loader.[COLOR=#993300]_width[/COLOR];
[COLOR=#f000f0]// ----- [/ Stage Align ] ----- //[/COLOR]
[COLOR=#f000f0]//[/COLOR]
[COLOR=#f000f0]// ----- [ Stage Resize ] ----- //*[/COLOR]
stageL.[COLOR=#993300]onResize[/COLOR] = [COLOR=#993300]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
loader.[COLOR=#993300]_x[/COLOR] = [COLOR=#000000]0[/COLOR];
loader.[COLOR=#993300]_y[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#000000]height[/COLOR]-[COLOR=#000000]51[/COLOR];
loader.[COLOR=#993300]_width[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];

[COLOR=#000000]}[/COLOR];
[COLOR=#f000f0]//[/COLOR]
[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]addListener[/COLOR]COLOR=#000000[/COLOR];
[COLOR=#f000f0]// ----- [/ Stage Resize ] ----- //[/COLOR]
[COLOR=#f000f0]//[/COLOR]
[COLOR=#f000f0]// ----- [ Load Bar] ----- //[/COLOR]
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR] = [COLOR=#993300]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
[COLOR=#993300]this[/COLOR].[COLOR=#993300]_xscale[/COLOR] = COLOR=#000000[/COLOR]*[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];
[COLOR=#993300]if[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#993300]this[/COLOR].[COLOR=#993300]_xscale[/COLOR] == [COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR][COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]
[COLOR=#993300]delete[/COLOR] loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR];
[COLOR=#000000]}[/COLOR]
[COLOR=#000000]}[/COLOR];

[COLOR=#f000f0]// ----- [/ Load Bar] ----- //[/COLOR]
[COLOR=#f000f0]// [/COLOR]
[COLOR=#f000f0]// ----- [ Video Update] ----- //[/COLOR]
[COLOR=#993300]function[/COLOR] videoUpdateCOLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]_xscale[/COLOR] = COLOR=#000000[/COLOR][COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];
elapsed.[COLOR=#000000]time_txt[/COLOR].[COLOR=#993300]text[/COLOR] = getTimeCodeCOLOR=#000000[/COLOR]+[COLOR=#0000ff]" / "[/COLOR]+getTimeCodeCOLOR=#000000[/COLOR];
elapsed.[COLOR=#000000]time_txt[/COLOR].[COLOR=#993300]selectable[/COLOR] = [COLOR=#993300]false[/COLOR];
elapsed.[COLOR=#000000]time_txt[/COLOR].[COLOR=#993300]autoSize[/COLOR] = [COLOR=#993300]true[/COLOR];
[COLOR=#000000]}[/COLOR]
[COLOR=#f000f0]// ----- [/ Video Update] ----- //[/COLOR]
[COLOR=#f000f0]//[/COLOR]
[COLOR=#f000f0]// ----- [ Scrubber ] ----- //[/COLOR]
[COLOR=#993300]function[/COLOR] videoScrubCOLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
[COLOR=#993300]var[/COLOR] dist:[COLOR=#993300]Number[/COLOR] = COLOR=#000000[/COLOR]/loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]_width[/COLOR];
ns.[COLOR=#993300]seek[/COLOR]COLOR=#000000[/COLOR];
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]_xscale[/COLOR] = COLOR=#000000[/COLOR];
[COLOR=#000000]}[/COLOR]
[COLOR=#f000f0]// –[/COLOR]
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onPress[/COLOR] = [COLOR=#993300]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR] = videoScrub;
[COLOR=#000000]}[/COLOR];
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onRelease[/COLOR] = loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onReleaseOutside[/COLOR]=[COLOR=#993300]function[/COLOR] COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR] = videoUpdate;
[COLOR=#000000]}[/COLOR];
[COLOR=#f000f0]// ----- [/ Scrubber ] ----- // *[/COLOR]
[/LEFT]