VideoPlayer控件

视频控制支持FLV和F4v文件的播放。此控件包含一个用于控制视频播放的全功能UI。

类声明

以下是 spark.components.VideoPlayer 类的声明:

public class VideoPlayer 
   extends SkinnableComponent

公共属性

属性	描述
autoDisplayFirstFrame:Boolean	如果autoPlay = false，则autoDisplayFirstFrame控制在设置源时是否加载视频。
autoPlay:Boolean	指定在设置源属性时视频是否立即开始播放。
autoRewind:Boolean	指定播放停止时FLV文件是否应该倒回到第一帧，通过调用stop()方法或到达流的结尾。
bytesLoaded:Number	[只读]已下载到应用程序中的数据的字节数。
bytesTotal:Number	[只读]下载到应用程序中的数据的总大小(以字节为单位)。
currentTime:Number	[只读]自从视频开始播放以来，播放头的当前时间(以秒为单位)。
duration:Number	[只读]视频播放的持续时间，以秒为单位。
loop:Boolean	指示播放完成后媒体是否应该再播放。
mediaPlayerState:String	[只读]视频的当前状态。
muted:Boolean	设置为true可将视频静音，false可将该视频取消静音。
pauseWhenHidden:Boolean	控制在“隐藏"时视频是否继续播放。
playing:Boolean	[只读]如果视频正在播放或正在尝试播放，则包含true。
scaleMode:String	scaleMode属性描述了调整视频内容大小的不同方法。
source:Object	视频源。
videoObject:Video	[只读]底层flash播放器flash.media.Video对象。
volume:Number	音量级别，指定为介于0和1之间的值。

公共方法

方法	描述
VideoPlayer()	构造函数。
pause():void	在不移动播放头的情况下暂停播放。
play():void	导致视频播放。
seek(time:Number):void	寻求视频中给定的时间。
stop():void	停止视频播放。

保护方法

方法	描述
formatTimeValue(value:Number):String	将时间值(以秒为单位)格式化为用于当前时间和持续时间的字符串。

事件

方法	描述
bytesLoadedChange	在下载操作进行时接收数据时分派。
complete	当播放头达到可播放媒体的持续时间时分派。
currentTimeChange	在MediaPlayer的currentTime属性更改时分派。
durationChange	在媒体的duration属性更改时分派。
mediaPlayerStateChange	在MediaPlayer的状态更改时分派。

继承的方法

此类继承以下类中的方法:

	spark.components.supportClasses.SkinnableComponent
	mx.core.UIComponent
	mx.core.FlexSprite
	flash.display.Sprite
	flash.display.DisplayObjectContainer
	flash.display.InteractiveObject
	flash.display.DisplayObject
	flash.events.EventDispatcher
	Object

Flex VideoPlayer控件示例

让我们按照以下步骤通过创建测试应用程序来检查Flex应用程序中VideoPlayer控件的使用情况:

步骤	描述
1	在 Flex - 创建应用程序章节中所述，在包 com.tutorialspoint.client 下创建名为 HelloWorld 的项目。
2	将文件夹视频添加到 src 文件夹。并向其添加示例视频。
3	修改 HelloWorld.mxml ，如下所述。保持文件的其余部分不变。
4	编译并运行应用程序，以确保业务逻辑按照要求工作。

以下是在flex应用程序中嵌入视频的方法。

<s:VideoPlayer source="video/just for laugh magic trick.flv"
   width="350" height="250" loop="true"/>

以下是修改后的mxml文件 src / com.tutorialspoint / HelloWorld.mxml 的内容。

<?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"
   width="100%" height="100%" minWidth="500" minHeight="500"
   >
   <fx:Style source="/com/tutorialspoint/client/Style.css"/>       
   <s:BorderContainer width="630" height="480" id="mainContainer" 
      styleName="container">
      <s:VGroup width="100%" height="100%" gap="50" 
         horizontalAlign="center" verticalAlign="middle">
         <s:Label id="lblHeader" text="Complex Controls Demonstration" 
            fontSize="40" color="0x777777" styleName="heading"/>
            <s:Panel id="videoPlayerPanel" title="Using VideoPlayer" 
               width="500" height="300" >
               <s:layout>
                  <s:HorizontalLayout  gap="10" verticalAlign="middle" 
                     horizontalAlign="center"/>    
               </s:layout>                
               <s:VideoPlayer 
                  source="video/just for laugh magic trick.flv"
                  width="350" height="250"
                  loop="true"/>                
            </s:Panel>
      </s:VGroup>     
   </s:BorderContainer>    
</s:Application>

准备好所有更改后，让我们以正常模式编译和运行应用程序，就像在 Flex - 创建应用程序中一样章节。如果一切顺利，您的应用程序，这将产生以下结果:

Flex VideoPlayer Control

VideoPlayer控件

VideoPlayer控件

类声明

公共属性

公共方法

保护方法

事件

继承的方法

Flex VideoPlayer控件示例

选择支付方式：