[教程] 创建使用下拉列表选择播放视频文件

oisweb

1 创建工程 布局格式为vertical
2 创建存放视频的文件夹
3 创建xml文件
4 开始写代码 我们使用httpservice读取xml数据 所以加入该标签
5 as部分

<mx:Script>
        <![CDATA[
                import mx.collections.ArrayCollection;
                import mx.rpc.events.ResultEvent;

                [Bindable]
                private var videos : ArrayCollection;

                private function resultHandler(event:ResultEvent):void{
                        videos = event.result.videolist.video;
                }

        ]]>
</mx:Script>

6 加入显示视频组件和下拉列表组件
<mx:VideoDisplay id="videoDisplay" width="320" height="240"/>
<mx:ComboBox prompt="选择一个视频 ..." dataProvider="{videos}"
        labelField="title" change="playVideo(event)" width="165"/>

加入最后的函数

private function playVideo(event:Event):void{
        videoDisplay.source = "video/" + event.currentTarget.selectedItem.src;
}

Ok!!!!!!

最终代码如下 视频文件自己找吧

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="service.send()">
        <mx:HTTPService url="flv.xml" id="service" result="resultHandler(event)"/>
        <mx:Script>
                <![CDATA[
                        import mx.collections.ArrayCollection;
                import mx.rpc.events.ResultEvent;

                [Bindable]
                private var videos : ArrayCollection;

                private function resultHandler(event:ResultEvent):void{
                        videos = event.result.videolist.video;
                }
                private function playVideo(event:Event):void{
        videoDisplay.source = "video/" + event.currentTarget.selectedItem.src;
}
                ]]>
        </mx:Script>
        <mx:VideoDisplay id="videoDisplay" width="320" height="240"/>
<mx:ComboBox prompt="选择一个视频 ..." dataProvider="{videos}"
        labelField="title" change="playVideo(event)" width="165"/>
       
</mx:Application>




<?xml version="1.0"?>
<videolist>
    <video>
            <src>360.flv</src>
            <title>法拉利f360</title>
        </video>
        <video>
            <src>430.flv</src>
            <title>法拉利f430</title>
        </video>
        <video>
            <src>599.flv</src>
            <title>法拉利f599</title>
        </video>
</videolist>