ホーム > タグ > Flash

Flash

YouTubeのiframe版埋め込みコードでもwmodeを有効にする

随分前にYouTubeの埋め込み用ソースをValidにするという投稿をしたんですが、
最近仕様が変わったらしく、埋め込み用として表示されるソースがiframeになってました。
どうもiframe版だと内部でＨＴＭＬ５プレイヤーとの切り替えが行われるようです。

これをそのまま貼ってみたところ、デフォルトではwmodeが効いてないことが判明。
position:absoluteとz-indexで要素を重ねるとFlashが上に来てしまう。（上の画像をクリックするとテストできます）

貼り付け用iframeのURLに ?wmode=transparent　を追加するだけです

HTML:

<iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/2XID_W4neJo?wmode=transparent" frameborder="0" allowfullscreen></iframe>

wmode以外のパラメータも&や&で繋げて使えます。

Flashを背景にしてるっぽく見せる手法についてのメモ。
Flashサイトにはしたくないけど背景をガシガシ動かしたい、みたいな時（無さそうだけど）に使えるんじゃないかなー。

まず普通に背景にしたいFlashと内容を追加する。flashのソースについては「ValidなFlash表示ソース」参照。

HTML:

<div id="content">
<object type="application/x-shockwave-flash" width="500" height="300" title="title" data="index.swf">
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
</object>
<div class="section">
<h2>Flash Background sample</h2>
<p>背景をガンガン動かしたいならこんな手法もあるよっていう。</p>
</div>
</div>

今更感漂うけど続くよー

今更感漂うW3Cに怒られないFlashの表示ソースについて。
マクパペットいじってた時に思い出したのでメモっておきます。

DreamweaverとかでFlashオブジェクトを挿入すると、大体こんなソースですが

HTML:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="32" height="32" title="title">
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
<embed src="index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="32" height="32"></embed>
</object>