如何使用Flex VideoDisplay

最新推荐文章于 2016-06-05 16:23:18 发布

最新推荐文章于 2016-06-05 16:23:18 发布 · 488 阅读

文章标签：

#Flex #XML

Loader Controls -- Visual Components -- Flex 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用Flex创建的简单视频播放器示例。该示例演示了如何利用VideoDisplay组件来播放视频，并通过按钮控制播放、暂停及停止等功能。

准备一个文件：assets/phone.flv

<?xml version="1.0"?>
<!-- Simple example to demonstrate the VideoDisplay control. -->
<!--
	如何使用Flex VideoDisplay
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Panel title="VideoDisplay Control Example" height="75%" width="75%" 
        horizontalAlign="center" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

       <mx:Text width="75%" color="blue"
           text="Use the buttons to control the video. The Stop button resets the video to the beginning."/>

		<mx:VideoDisplay id="myVid" height="158" width="211" source="assets/phone.flv" autoPlay="false"/>

		<mx:HBox>
		    <mx:Button label="Play" click="myVid.play();"/>
		    <mx:Button label="Pause" click="myVid.pause();"/>
		    <mx:Button label="Stop" click="myVid.stop();"/>
		</mx:HBox>

	</mx:Panel>
</mx:Application>