<?xml version="1.0" encoding="utf-8"?>
<local:Player styleName="app"
			  xmlns:fx="http://ns.adobe.com/mxml/2009" 
			  xmlns:s="library://ns.adobe.com/flex/spark" 
			  xmlns:mx="library://ns.adobe.com/flex/mx"
			  xmlns:local="*"
			  xmlns:samples="org.osmf.samples.*"
			  creationComplete="init()"
			  height="560"
			  width="665">
	<mx:Canvas id="backdrop" width="100%" height="100%" backgroundColor="#ffffff" x="0" y="0"/>
	<mx:Text x="8" y="486" id="playerVersion" width="200" fontSize="10" color="#747474" textAlign="center"/>
	<samples:MediaContainerUIComponent id="videoContainer" x="15"  y="10" height="360" width="640" />
	<mx:Form y="385" x="5">
		<mx:FormItem direction="horizontal" horizontalAlign="left">
			<mx:Button id="doRewind" label="rew" enabled="{isConnected}"/>
			<mx:Button label="pause" id="doPlay" enabled="{isConnected}"/>
			<mx:HSlider id="volumeLevel" value=".5" maximum="1"
						enabled="{isConnected}"
						labels="volume"
						labelOffset="2" /> 
		</mx:FormItem>
		
		<mx:VBox verticalGap="1">
			<mx:Text styleName="bold" text="Stream:"/>
			<mx:TextInput id="connectStr" width="400" paddingLeft="0"/>
			<mx:HBox width="100%" horizontalAlign="right" paddingTop="5">				
				<mx:Button label="Play" id="connectButton"/>
			</mx:HBox>
		</mx:VBox>		
	</mx:Form>
	<mx:HSlider id="seekBar" x="10" y="370" width="100%" height="20"
				enabled="{isConnected}"
				showTrackHighlight="true" 
				trackSkin="@Embed(source='assets/track.png')" 
				trackHighlightSkin="@Embed(source='assets/highlight.png')" />
	
	<mx:Button id="doFullscreen" visible="{isConnected}" icon="@Embed(source='assets/fullscreen.png')" width="23" x="485" y="398"/>
	<mx:Text id="warn" x="449.5" y="447" width="205.5" color="#F60909" textAlign="center"/>
	
	<mx:Text id="prompt" x="4" y="512" width="658" />		
	<fx:Style>
		@namespace mx "library://ns.adobe.com/flex/mx";
		.app
		{
			backgroundColor:#000000;
			backgroundAlpha:0;
			
		}
		.bold
		{
			font-weight:bold;
		}
	</fx:Style>
</local:Player>