Æliens

  <ae:component_screen id="display"/>
  <ae:component_playlist id="playlist"/>
  

  <mx:VideoDisplay id="myVid" source="{playlist.source}" height="100%" width="100%" autoPlay="false"/>
  <mx:Label text="{playlist.index + 1} / {playlist.max}" color="white" top="10" right="20"/>
  

  <mx:HBox left="20" bottom="10">
  <mx:Button color="white" borderColor="0" fillAlphas="[0, 0]" label="!" click="playlist.click(myVid);"/>
  </mx:HBox>
  <mx:HBox right="20" 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:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="_" click="myVid.stop();"/>
  <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="full" click="display.toggle();"/>
  </mx:HBox>
  </mx:Application>