controls
<mx:HBox left="20" bottom="10">
<mx:Button color="white" borderColor="0" fillAlphas="[0,0]" label="!" click="cue(myVid);"/>
<mx:TextInput borderColor="gray" color="silver" backgroundAlpha="0" width="275" id="input" text="" enter="select(event);"/>
<mx:Button color="white" borderColor="0" fillAlphas="[0,0]" label="[!]" click="select(event);"/>
<mx:Button color="silver" borderColor="0" fillAlphas="[0,0]" label="clear" click="clear(myVid);"/>
</mx:HBox>
<mx:HBox right="5" bottom="10">
<mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label=">" click="myVid.play();"/>
<mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="||" click="myVid.pause();"/>
<mx:Label color="gray" text="#" click="display.toggle();"/>
</mx:HBox>
<mx:Canvas id="panel" x="0" y="0" height="100%" width="100%"
backgroundAlpha="0.3" borderColor="0" borderThickness="0"/>