Home > HTML&XHTML > [XHTML]ValidなFlash表示ソース

[XHTML]ValidなFlash表示ソース

今更感漂う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>

これでチェックすると「there is no attribute "width"」だとか「there is no attribute "flashvars"」みたいにエラーが出てしまう。

最新のCS3では対応されてるかもしれないが、未だ旧バージョンを使用してる場合に、
Flash挿入したときバリデータでエラーを出さないようにするためには次のように修正する。

embedはXHTMLでは使えないタグなので削除

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" />
</object>

MIME typeを指定するtype="application/x-shockwave-flash"を追加する

HTML:

<object type="application/x-shockwave-flash"　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" />
</object>

codebaseはflashのセキュリティで動かないことがあるのでつけててもあまり意味がないらしい。
最後data属性にmovieのvalueと同じFlashへのパスを追加しないと表示されないので注意。

HTML:

<object type="application/x-shockwave-flash"　width="32" height="32" title="title"　data="index.swf">
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
</object>

以上でValidなFlashが表示されるはず。

ValidなYouTube表示ソース

ようつべの貼り付け用ソースはそのままコピペすると次のような感じだと思います。

HTML:

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/hogehoge&hl=ja&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hogehoge&hl=ja&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

これをValidに修正する為には上記ステップ３を踏まえ以下の手順で変更すればＯＫです。

以下は上のサンプルソースを修正したもの。

HTML:

<object width="425" height="344" title="YOUTUBEサンプル" data="http://www.youtube.com/v/hogehoge&hl=ja&fs=1&" type="application/x-shockwave-flash"><param name="movie" value="http://www.youtube.com/v/hogehoge&hl=ja&fs=1&" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /></object>

2009-08-17　追加

Trackback URL for this entry: http://tenderfeel.xsrv.jp/html-xhtml/222/trackback/
Listed below are links to weblogs that reference: [XHTML]ValidなFlash表示ソース from WebTecNote

pingback from My Today’s Diigo 06/09/2008 « Rif.webmemo 08-06-10 (火) 8:39: [...] [XHTML]ValidなFlash表示ソース - WebTecNote [...]
pingback from AmazonのくるくるウィジェットがW3Cさまに怒られる件 | iPhoneメモ 08-08-16 (土) 23:47: [...] あとはWebTecNoteさんのhttp://tenderfeel.xsrv.jp/wordpress/222/によると、 [...]

Home > HTML&XHTML > [XHTML]ValidなFlash表示ソース

Search

Scripts

カテゴリー