Playing Flash animation in FLEX

Question

Hi,
I've created five animation in Adobe Flash and now I want to use it in my FLEX app. I want to use two buttons, start/stop and PAUSE, for every animation. I've tried to use FlashComponentPlaceholder but I don't know how to control my animations. I've allready tried to find any help in google, but I can't find anything. How to use my animations in FLEX app properly and how to control them by buttons? Is there posibillity to change animation speed in FLEX? How to disable animations autostart when app loads?
Thanks for any help ;]

Answer 1

why don't you just create very simple movie player, something like that:
<mx:Metadata>
[ Event(name="complete",type="mx.events.VideoEvent")]
</mx:Metadata>
 <mx:Script>
<![CDATA[
 import mx.controls.VideoDisplay; 
import mx.events.MetadataEvent; 
import mx.events.VideoEvent;
[Bindable] publicpublic  var video : String;
 public function play():void{
videoDisplay.play();
public function stop():void{
if (videoDisplay.playing)videoDisplay.stop();
public function get playing():Boolean{
return videoDisplay.playing;}
 private function playPauseButtonClicked(evt:MouseEvent):void { 
if (videoDisplay.playing) {   videoDisplay.pause();
}else {  videoDisplay.play();
 private function stopButtonClicked(evt:MouseEvent):void {videoDisplay.stop();
 private function stopBubbling(event:Event):void{
if (event.eventPhase == EventPhase.BUBBLING_PHASE)event.stopPropagation();
private  
function playheadUpdate(evt:VideoEvent):void { 
</mx:Script>
<mx:Canvas width="100%" height="100%">
<mx:VideoDisplay id="videoDisplay" source="{video}" playheadUpdate="playheadUpdate(event)" width="100%" height="100%" complete="videoCompleted(event);" bufferTime=" 
1"/>
<mx:HBox id="controls" styleName="videoControlSkin" alpha="0.0" click="stopBubbling(event)" visible="false">
     <mx:Button id="playPauseButton" styleName="videoPausePlayButton" toggle="true" selected="{videoDisplay.playing}"
     click="playPauseButtonClicked(event)"
/>
    <mx:Button id="stopButton" styleName="videoStopButton" click="stopButtonClicked(event)" />
</mx:HBox>
</mx:Canvas>
Stick it somewhere on your canvas and here you go.