Flash を フルスクリーン表示
先週、Adobe Labsで公開されたFlash Player 9 のプレリリース版アップデートで
『HTML に埋め込まれた swf をフルスクリーンで表示できる!』 ということなので Adobeの 上条さんのブログ を参考に試してみた。
やり方は HTMLのパラメータで allowFullScreen を true に設定して
ボタンをクリックしたときに ActionScriptで Stage["displayState"]="fullScreen"; を実行する。
これだけ!!(・∀・)
HTML側
Flash側 ( ActionScript 2.0 )
btn.onRelease = function() {
Stage["displayState"] = "fullScreen";
};
Flash 6 書き出しでも ActionScript 1.0でも再生するFlash Player が 9,0,18,60 以上だったらOK!?
サンプル - 見る - ダウンロード
▼ActionScript 3.0 のサンプルも用意しました。
サンプル - 見る - ダウンロード
Flash側 ( ActionScript 3.0 )
import flash.display.StageDisplayState;
import flash.events.FullScreenEvent;
import flash.events.MouseEvent;
// ボタン設定
btn.buttonMode = true;
btn.addEventListener(MouseEvent.CLICK, _clickHandler);
function _clickHandler (event:MouseEvent):void {
// スクリーンモードの切り替え
if(stage.displayState == StageDisplayState.NORMAL){
// フルスクリーンにする
stage.displayState = StageDisplayState.FULL_SCREEN;
} else {
// ノーマル状態にする
stage.displayState = StageDisplayState.NORMAL
}
}
// スクリーンモード切替時に呼ばれるイベントリスナー
stage.addEventListener( FullScreenEvent.FULL_SCREEN, fullScreenHandler );
function fullScreenHandler ( event:FullScreenEvent ) {
};
<追記>新しい フルスクリーンモードも試してみました。
『HTML に埋め込まれた swf をフルスクリーンで表示できる!』 ということなので Adobeの 上条さんのブログ を参考に試してみた。
やり方は HTMLのパラメータで allowFullScreen を true に設定して
ボタンをクリックしたときに ActionScriptで Stage["displayState"]="fullScreen"; を実行する。
これだけ!!(・∀・)
HTML側
Flash側 ( ActionScript 2.0 )
Stage["displayState"] = "fullScreen";
};
Flash 6 書き出しでも ActionScript 1.0でも再生するFlash Player が 9,0,18,60 以上だったらOK!?
サンプル - 見る - ダウンロード
▼ActionScript 3.0 のサンプルも用意しました。
サンプル - 見る - ダウンロード
Flash側 ( ActionScript 3.0 )
import flash.events.FullScreenEvent;
import flash.events.MouseEvent;
// ボタン設定
btn.buttonMode = true;
btn.addEventListener(MouseEvent.CLICK, _clickHandler);
function _clickHandler (event:MouseEvent):void {
// スクリーンモードの切り替え
if(stage.displayState == StageDisplayState.NORMAL){
// フルスクリーンにする
stage.displayState = StageDisplayState.FULL_SCREEN;
} else {
// ノーマル状態にする
stage.displayState = StageDisplayState.NORMAL
}
}
// スクリーンモード切替時に呼ばれるイベントリスナー
stage.addEventListener( FullScreenEvent.FULL_SCREEN, fullScreenHandler );
function fullScreenHandler ( event:FullScreenEvent ) {
};
<追記>新しい フルスクリーンモードも試してみました。
投稿日 : 2006年10月11日 - yoshiweb - カテゴリ: Flash
コメント
投稿者 : plug-int
フルスクリーン化を調べていて大変分かりやすかったです。見事に実現することができました。ありがとうございました。
2007年07月06日 17時14分42秒
投稿者 : yoshiweb
お役にたてたようでよかったです。Flash Playerの正式リリースはまだですが新しいフルスクリーンモードについても書きました。
2007年07月11日 12時21分45秒
投稿者 : nogud
はじまして^^ このスクリプトで別ファイルをフルスクリーン化することは可能ですか?
当方が試した作業は、flash側で、getURLで開きたい別ファイルを指定しました。
当方が試した作業は、flash側で、getURLで開きたい別ファイルを指定しました。
2007年11月02日 17時56分14秒
投稿者 : yoshiweb
はじめましてnogudさん。
試してませんがセキュリティ上の制限で「フルスクリーンモードへの移行はマウスクリックかキーを押した場合のみ可能」って Adobeの 上条さんのブログに書いてありますね。
試してませんがセキュリティ上の制限で「フルスクリーンモードへの移行はマウスクリックかキーを押した場合のみ可能」って Adobeの 上条さんのブログに書いてありますね。
2007年11月04日 05時37分38秒
投稿者 : niwa souiti
質問させて頂きます。
main.htmlを開くとfull screenとでてきますが、
これをよくあるenterとかに変えるにはどのように記述したら良いでしょうか?
宜しくお願い致します。
main.htmlを開くとfull screenとでてきますが、
これをよくあるenterとかに変えるにはどのように記述したら良いでしょうか?
宜しくお願い致します。
2008年01月06日 18時37分59秒
投稿者 : yoshiweb
こんにちは、niwa souitiさん。
文字を変えるだけでしたら main.fla のボタンシンボルの中身を変えるだけでいいと思います。
1.上のサンプルからzipファイルをダウンロード&解凍。
2.解凍したファイルから main.fla を Flash 8 または Flash CS3で開く。
3.ステージ上に配置してあるボタンシンボルを編集。
文字を変えるだけでしたら main.fla のボタンシンボルの中身を変えるだけでいいと思います。
1.上のサンプルからzipファイルをダウンロード&解凍。
2.解凍したファイルから main.fla を Flash 8 または Flash CS3で開く。
3.ステージ上に配置してあるボタンシンボルを編集。
2008年01月07日 12時38分17秒