flash の上に何か要素を重ねたいときに実現する方法です。
基本的にはFlashにwmodeを指定すると一番手前に来ることは無くなります。後はz-indexで重ねるだけです。
-
objectタグ、embedタグでの指定。
YouTube等はこれですね。 -
[html]
<object width="hoge" height="hoge">
<param name="wmode" value="opaque"></param>
<param name="movie" value="hoge"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed wmode="opaque" src=hoge" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="hoge" height="hoge"></embed>
</object>
[/html] - swfobject2での指定。
-
[js]
var flashvars = {};//flashに渡す値をセット
var params = {//パラメーター指定
scale:’noScale’,
salign:’lt’,
menu:’false’,
allowfullscreen :’true’,
wmode:’opaque’
};
var attributes = {};//ojbectタグに渡す属性。id,name
swfobject.embedSWF(
"hoge.swf", //Flashファイル
"idhoge", //表示するid
"300", //幅
"200", //高さ
"9.0.0", //Flashのバージョン
"expressInstall.swf",//定数です。
flashvars, //flashvarsオブジェクト,
params, //paramsオブジェクト
attributes //attributesオブジェクト
);
[/js]