Question

I’m trying to make VideoDisplay playing media with FlashDevelop. Here’s the source of my application:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
    <![CDATA[
        import mx.events.VideoEvent;

        private function pause():void 
        {
            if (moo_player.state == VideoEvent.PLAYING)
                moo_player.pause(); else
            if (moo_player.state == VideoEvent.PAUSED)
                moo_player.play();
        }
    ]]>
    </mx:Script>

    <mx:Panel>
        <mx:VideoDisplay 
            source="bar.flv"
            width="640"
            height="480"
            maintainAspectRatio="true"
            id="moo_player"
            autoPlay="true"
            doubleClick="pause();" 
            doubleClickEnabled="true"
        />
    </mx:Panel>
</mx:Application>

The problem is when i build application and run it (unfortunately, got no idea how to run it without KMPlayer or Mozilla – Flash Player is a plugin afaik) i got no video. The movie file is in the same directory as application’s “Application.flv” one. But if i reload application (within player or browser) a few times, video starts.

So, here are my questions:

• what’s wrong with VideoDisplay
  component and how to fix this
  ‘non-playing’?

• what’s the better way
  to execute application than running
  it within movie player or browser?

P.S.: please, do not get mad of my knowledge lacks – i began to use Flex nearly 30 minutes ago.

Answer 1

You should be using Spark components, not MX components. Try this:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:VideoPlayer source="bar.flv" width="640" height="480" />

</s:Application>