How to set source in VideoPlayer via actionscript?

Question

Hi,
I'm trying to play video in spark.components.VideoPlayer by setting its source property. However, on playing the video doesn't play and comes out as garbled. Am I missing something here?
Here is the source code-
<?xml version="1.0" encoding="utf-8"?>
<!-- controls\videoplayer\VideoPlayerEvent.mxml-->
<s:WindowedApplication 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:layout>
        <s:VerticalLayout/>
    </s:layout>
    <fx:Script>
        <![CDATA[
            import org.osmf.events.MediaPlayerStateChangeEvent;
            import org.osmf.events.TimeEvent;
            import spark.components.VideoPlayer;
            protected function vpCompleteHandler(event:TimeEvent):void {
                myTA.text = "Video complete - restarting."
            protected function
                vpMediaPlayerStateChangeHandler(event:MediaPlayerStateChangeEvent):void {
                if (event.state == "loading")
                    myTA.text = "loading ...";
                if (event.state == "playing")
                    myTA.text = "playing ...";
            private function onPlayVideo(): void {
                videoPlayer = new VideoPlayer();
                videoPlayer.source = "file:///D:/shared/work/data/test/original/bkb2.flv";
                playerContainer.addElement(videoPlayer);
                //player.
            private function onStopVideo(): void {
                videoPlayer.stop();
            private var videoPlayer:VideoPlayer;
        ]]>
    </fx:Script>
    <s:VGroup id="playerContainer" verticalAlign="middle">
    </s:VGroup>
    <s:HGroup>
        <s:TextArea id="myTA" width="350" height="25"/>
        <s:Button label="Play Video" click="onPlayVideo();"/>       
        <s:Button label="Stop Video" click="onStopVideo();"/>       
    </s:HGroup>
</s:WindowedApplication>
Thanks in advance,
Ramashish

Answer 1

You can access the columns through the dataGrid.columns array
property.
Get a reference to that array from the DG into a variable,
modify the column elements as desired through that var, then
re-assign the var to the dg.columns property. So you are close:
var aColumns:Array = dataGridID.columns;
var dgc:DataGridColumn = aColumns[1];
dgc.headerText = "this is column 1";
dataGridID.columns = aColumns; //this step is required!
Tracy
Tracy