Flex4のVideoPlayerコントロール

Flex4からVideoPlayerというコントロールが追加されているみたい。

再生ボタンやシークバーが予め用意されていて、これがあれば手軽に動画プレイヤーが作成できる。

以下がソース。RTMPサーバーは、FlashMediaServer3.5。

<?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" 
 minWidth="955" 
 minHeight="600">
 
 <s:layout>
  <s:HorizontalLayout horizontalAlign="center" paddingTop="15"/>
 </s:layout>
  
 <s:VGroup>
  <s:Label text="VideoPlayer" fontWeight="bold"/> 
  <s:VideoPlayer 
   source="rtmp://localhost/vod/mp4:sample1_1500kbps.f4v" />
 </s:VGroup>
 
 <s:VGroup>
  <s:Label text="VideoDisplay" fontWeight="bold"/>
  <s:VideoDisplay
   source="rtmp://localhost/vod/mp4:sample1_1500kbps.f4v" />
 </s:VGroup>
 
</s:Application>