リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ Flash(swf)ファイルを組み込む方法その2

HTML

Flash(swf)ファイルを組み込む方法その2

DreamweaverやFlashが自動生成するソース・コードとは別に、xhtmlに標準準拠した組み込み方法。Google CodeよりダウンロードできるSWFObject.jsというスクリプトを使用する。尚、SWFObjectと一緒に配布されるExpress Installは、Flash Playerの最新版への更新を自身のサイト内だけで完結するようなシステムとあるが、下記コードには含めないものとした。
sample.swfを組み込む場合のサンプル(太字は変更要)

フルFlashの埋め込み方法は、Flash(swf)ファイルを組み込む方法その3を参照。

【見直し swfobject_2.1を利用したswfファイル埋め込みXHTMLサンプルソース】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--##############################################swfobject記述開始##############################################-->
<script type="text/javascript" src="swfobject.js"></script><!--swfobject.js格納先-->
<!--##############################################swfobject記述終了##############################################-->
<title>タイトル</title>
</head>
<body>
<!--#############################################Flashコンテンツ開始#############################################-->
<div>
<script type="text/javascript">swfobject.registerObject("myswf1", "9.0.0");</script><!--IDとFlashPlayerVer-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="myswf1"><!--サイズとID-->
<param name="movie" value="sample.swf" /><!--○○○.swf-->
<param name="bgcolor" value="" /><!--Flash背景色 例:value="#FFCCCC"-->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="sample.swf" width="550" height="400"><!--○○○.swfとサイズ-->
<param name="bgcolor" value="" /><!--Flash背景色 例:value="#FFCCCC"-->
<!--<![endif]-->
<p>Flashコンテンツが表示できませんでした</p><!--代替コンテンツ-->
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!--#############################################Flashコンテンツ終了#############################################-->
<!--#############################################Flashコンテンツ開始#############################################-->
<div>
<script type="text/javascript">swfobject.registerObject("myswf2", "9.0.0");</script><!--IDとFlashPlayerVer-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="myswf2"><!--サイズとID-->
<param name="movie" value="sample.swf" /><!--○○○.swf-->
<param name="bgcolor" value="#FFCCCC" /><!--Flash背景色 例:value="#FFCCCC"-->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="sample.swf" width="550" height="400"><!--○○○.swfとサイズ-->
<param name="bgcolor" value="#FFCCCC" /><!--Flash背景色 例:value="#FFCCCC"-->
<!--<![endif]-->
<p>Flashコンテンツが表示できませんでした</p><!--代替コンテンツ-->
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!--#############################################Flashコンテンツ終了#############################################-->
</body>
</html>

サンプルを見る
サンプルをダウンロード(zipファイル)



【旧】

<head>
<script type="text/javascript" src="../Scripts/swfobject.js"></script>

</head>
<body>

<div>	
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<param name="movie" value="../flash/sample.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../flash/sample.swf" width="550" height="400">
<!--<![endif]-->
<div>
<p>
代替コンテンツ例:JavaScriptを有効にし、最新のFlashPlayerをインストールお願いします
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" 
alt="Get Adobe Flash player" /></a>
</p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>

</body>

サンプルを見る
サンプルをダウンロード(zipファイル)

last update 2009.4.1
参考・出典等
Riptac Flash(swf)ファイルを組み込む方法その3
Riptac SWFObject.jsとは
swfobject-Google Code
SWFObject v2.0ドキュメント日本語訳:Media Technology Labs (MTL):メディアテクノロジーラボ ブログ
Adobe-デベロッパーセンター:Express Install適用ガイド

▲page top

topmemoblogtestaboutmail
Copylight(C)2008 Riptac. All Rights Reserved.