新建screenshot、controlBar和control三個層，順序如圖1-3

圖1-3

把screenshot放在video層之下，導入screenShot.jpg，并將該元件放到screenshot層上與video的框架正好吻合。

圖screenShot.jpg

選擇層controlBar，用矩形工具繪制一個圓角矩形，將其轉換成元件后，設置Alpha值為50％。如圖1-4

圖1-4

選擇層control，是用文字工具，選擇字體為Webdings，顏色為黑色，按下9打出特殊符號9，再按4打出另外一個特殊符號4，然后按；打出;。分別將這兩個符號轉換為按鈕元件rewind_button、play_button和pause_button，并定位好他們的位置如圖1-5

圖1-5

好，現在我們分別給上述幾個按鈕命名實例名為：rewind_btn、play_btn、pause_btn。選擇action層第一幀輸入一下代碼：

rewind_btn.onRelease = function(){

ns.seek(0);

}

play_btn.onRelease = function(){

ns.pause();

}

pause_btn.onRelease = function(){

ns.pause();

}

好的，我們現在按Ctrl+Enter測試下影片。這里需要說明一下，play_btn和pause_btn函數內的代碼都為ns.pause();，實際上pause()這個方法是實現了視頻流播放和暫停兩個功能，當播放時按下就為暫停，暫停狀態下按下就是繼續播放。

這里是為照顧初學者的理解我才這么做的，追求完美的朋友可以自己做一個按鈕，實現播放符號和暫停符號的切換。

今天就先寫這么多，之后我們繼續制作進度條、播放滑塊等。

*****************************第三步：*****************************

前兩部分我們學會了如何播放，控制視頻等等，現在需要什么呢？既然是flv是流媒體，為了是播放器顯得更人性化，現在還缺少一個Video加載的進度條。還等什么，趕快一起動手吧。

首先，我們在層controlBar新建一個圖層名為：loader，將筆觸顏色設置為黑色，填充設置為白色，用矩形工具繪制一個進度條如圖1-6

圖1-6

然后我們選擇該矩形并按F8將其轉換成一個名為loader的影片剪輯，并且將場景中該元件的實例名也命名為loader，設置Alpha值為60％。雙擊進入該影片剪輯的編輯狀態，選擇中間白色的填充，按F8轉換名為loadBar的影片剪輯，并命名該元件的實例名為loadBar。

然后返回場景，選擇action層的第一幀輸入以下代碼：

var amountLoaded:Number = 0;

loader.loadBar._xscale = amountLoaded;

function videoStatus(){

var videoTotal:Number = ns.bytesTotal;

var videoLoaded:Number = ns.bytesLoaded;

amountLoaded = videoLoaded /videoTotal*100;

loader.loadBar._xscale = amountLoaded;

trace(amountLoaded);

}

var videoInterval = setInterval(videoStatus,100);