リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ ブラウザ内でフルFlash表示に変更

JavaScript

ブラウザ内でフルFlash表示に変更

ブラウザウインドウ内でフルFlash表示に切換えるサンプル。

考え方

as3コード(一部抜粋)

import flash.external.*;//ExternalInterfaceクラスのインポート

//ボタン
bt_full.addEventListener(MouseEvent.CLICK,func_full);
bt_b_full.addEventListener(MouseEvent.CLICK,func_b_full);
bt_nomal.addEventListener(MouseEvent.CLICK,func_nomal);
//フルスクリーン
function func_full(e:MouseEvent):void{
	stage.displayState = StageDisplayState.FULL_SCREEN;//フルスクリーン
	e.updateAfterEvent();
}
//ブラウザ内フル表示
function func_b_full(e:MouseEvent):void{
	stage.displayState = StageDisplayState.NORMAL;//標準スクリーン
	ExternalInterface.call("js_fullInB");//javascriptの関数を実行
	e.updateAfterEvent();
}
//通常表示
function func_nomal(e:MouseEvent):void{
	stage.displayState = StageDisplayState.NORMAL;//標準スクリーン
	ExternalInterface.call("js_nomal");//javascriptの関数を実行
	e.updateAfterEvent();
}



javascript

<script type="text/javascript">
// <![CDATA[
/*ブラウザ内フルスクリーン*/
function js_fullInB(){
	document.getElementById("lay1flash").style.top = 0 + "px";
	document.getElementById("lay1flash").style.left = 0 + "px";
	document.getElementById("lay1flash").style.width = 100 + "%";
	document.getElementById("lay1flash").style.height = 100 + "%";
	document.getElementById("z1").style.display = "none";
}

/*通常表示*/
function js_nomal(){
	document.getElementById("lay1flash").style.top = 300 + "px";
	document.getElementById("lay1flash").style.left = 250 + "px";
	document.getElementById("lay1flash").style.width = 550 + "px";
	document.getElementById("lay1flash").style.height = 400 + "px";
	document.getElementById("z1").style.display = "block";
}
// ]]>
</script>



css(一部抜粋)

<style type="text/css">
<!--
body{
	margin: 0px;
	padding: 0px;
}
/*通常コンテンツレイヤ*/
#z1{
	z-index: 1;
	position: absolute;
}
/*swfレイヤ*/
#lay1flash{
	z-index: 2;
	top: 300px;
	left: 250px;
	height: 400px;
	width: 550px;
	display: block;
	position: absolute;
	font-size: 0px;
}
object {
	outline:none;
}
-->
</style>

last update 2011.12.19
参考・出典等
「特に無し」

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2011 Riptac. All Rights Reserved.