Flash的全螢幕播放設定方式

Flash的全螢幕播放設定方式
文∕趙英傑

本文旨在補充「自動輪流播放Flash的FLV視訊檔」這篇文章的讀者回應，說明全螢幕播放Flash影片的設定方法。

設定HTML的allowfullscreen全螢幕播放參數

Flash Player的全螢幕播放功能有下列兩種類型：

• 僅視訊影片部分被放大到全螢幕播放，像YouTube, Vimeo等視訊網站一樣。
• 整個Flash影片放大成全螢幕播放。

若要啟用全螢幕播放，HTML文件必須替Flash Player外掛程式加入 "allowfullscreen=true"（亦即：允許全螢幕播放）的參數設定。如果讀者使用Flash內建的「發佈」指令來發佈網頁，請在「發佈設定」面板的HTML設定項目的「範本」下拉式選單，選擇「僅適用於 Flash – 允許全螢幕」選項，如下圖：

若讀者使用SWFObject在網頁中嵌入Flash，請將 "allowfullscreen" 參數設定成 true，如底下的SWFObject程式片段所示：

<script type="text/javascript">
  var flashvars = {};
  var params = {};
  params.allowfullscreen = "true";
  var attributes = {};
  swfobject.embedSWF("flv_player.swf", "myAlternativeContent", "550", "400", "9.0.0", false, flashvars, params, attributes);
</script>

撰寫ActionScript全螢幕播放程式

FLVPlayback組件有個skin具備全螢幕播放鈕（例如：SkinOverPlayStopSeekFullVol），若選用這個skin，就不需要寫任何ActionScript程式。如果要自行撰寫程式，只要把 stage 的 displayState 屬性設定成 ‘fullScreen’ 值（或者寫成：StageDisplayState.FULL_SCREEN）即可。例如，假設舞台上有個叫做 fullscreen_btn 的按鈕，配合底下的事件處理程式：

fullscreen_btn.addEventListener(MouseEvent.CLICK, fullScreen);
function fullScreen(e:MouseEvent):void {
	stage.displayState = StageDisplayState.FULL_SCREEN;
}

如此，每當按一下此按鈕，Flash裡的視訊影片就會以全螢幕方式播放了；假如要讓整個影片內容以全螢幕方式播放，請將FLVPlayback組件的fullScreenTakeOver屬性設定成 false。範例影片中的FLVPlayback的實體名稱叫做 ‘flv’，因此上面的fullScreen函數改成：

function fullScreen(e:MouseEvent):void {
	stage.displayState = StageDisplayState.FULL_SCREEN;
    flv.fullScreenTakeOver = false;
}

本文的範例檔請按此連結下載。此範例僅包含更新的 .fla, HTML和JavaScript檔，程式所需的.flv視訊和XML檔，請在「自動輪流播放Flash的FLV視訊檔」這篇文章中下載。壓縮檔裡的flv_player_1.htm是透過Flash的「發佈」指令產生的網頁，flv_player_2.htm則是用SWFObject嵌入Flash的網頁。