Flex教學－自製VideoDisplayer的影音播放器

分類：Flex | 發表日:2010-04-09 | 瀏覽：841人次

加入書籤：

　　在Flash中使用影音元件時，除了有影音播放框，同時還有各式各樣的影音控制器可任意挑選，但在Flex中卻只有一個影音播放框，若要控制影音，就得自已再手動加工，因此先前梅干為此還花不少時間，自行打造影音播放控制器，且為了能讓控制器更方便使用，梅干就把控制器包成一個元件，日後只要直接載入就可使用，現在梅干就把先前作的分享出來，有需要的朋友不坊就參考看看吧！

VideoDisplayer4minwt.mxml

^?View Code FLEX

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"	
	width="400" height="335" verticalScrollPolicy="off" horizontalScrollPolicy="off"
	xmlns:minwt="com.*" viewSourceURL="srcview/index.html">
 
	<mx:Style>
		Application {
			backgroundColor: #ffffff;
			backgroundGradientColors: #ffffff, #ffffff;
		}
	</mx:Style>
 
	<minwt:VideoPlayer Source="movie01.flv" Width="400" Height="300" x="0" y="0"/>
</mx:Application>

這邊有幾個參數可作設定：
Width(寬度）、Height(高度)
Live(串流影音)：true、false(預設)
Autoplay(自動直放)：true、false(預設)

　　這邊各位若對此播放器有興趣，可以直接開啟com/VideoPlayer.mxml直接修改，若想更變播放器的樣式，直接從style中直接修改即可，呼～梅干好一陣子沒碰Flex了，感覺又忘了不少，XD~人老還真是易忘呀！好在當初在寫時有加了註解，不然還真的跟天書一樣像螞蟻在爬，而自已自製播放器，控制鈕都可自行設計，也較有自已的特色。

[範例下載]

相關教學文章:

Flex教學－圖片加載入進度元件 Flex教學－DataGrid加入分頁功能 Flex教學－5秒立即讓Flex與MySql資料庫互動 Flex教學－Flex開發Facebook應用程式-Iframe Session取得使用者與朋友清單 Flex教學－Flex開發Facbook應用程式-取得使用者資訊

標籤： flex VideoDisplayer, flex影音控制, flex教學
引用網址： ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝～
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處~謝謝~~。

回應本篇

1 梅-多謝說：

請問：
如果有這種情形發生，可能是什麼問題?
我有一個網頁，放了兩個swf，一個是用Flash CS4做的(a)，發佈成10, as3，一個是用flex 3做的，內容只有一個label，text是hello，release出來(b)。
好了，放在網頁(用dreamweaver CS4)上後，問題來了。
有的電腦a b都可以看，有的電腦只能看a，不能看b
我知道這種案例不正常，但真的發生了。
flex中有什麼設定會導致發佈後，影片不能看嗎?

回應：
若是flex發佈出來的檔案，
放在webserver中就可正常預覽了，
因為安全性的問題～

多謝您幫忙

2010 年 04 月 09 日 | 14:57:35

Flex教學－自製VideoDisplayer的影音播放器

回應本篇

Photoshop影像懶人包免費下載

文章分類

梅問題出書羅！

梅粉絲