Kinarie&May

JavaScriptでFlash表示

[Flash]

最近、衛生管理者の勉強やFF12（ゲームかよ）に忙しくてなかなかエントリーやコメントが出来ないMasaです。
久々にちょっとやる気が出たので、前から気になっていたFlashのJavaScriptでの表示に挑戦してみました。

とりあえず「js flash」で検索して出てきたオールアバウトジャパンのこちらの記事を参考にしました。

まず、Flashのソースをdocument.write()で書いて.js外部ファイル（jsという拡張子のTXTファイルです）に保存します。例として当サイトで配布しているフォトリーダーの場合です。

書き出したphotoreader.jsファイルの内容

document.write("<OBJECT classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' WIDTH='130' HEIGHT='150' id='photo_reader' ALIGN=''> <param name='allowScriptAccess' value='sameDomain' /><PARAM NAME=movie VALUE='http://www.kinarie.com/flash/photo_reader/photo_reader210.swf?xmlURL=http://www.kinarie.com/photoreader.xml&setup1=111012&setup2=2015&setup3=900090009' /> <PARAM NAME=quality VALUE='high' /><param name='wmode' value='transparent' /> <PARAM NAME='bgcolor' VALUE='#ffffff' /> <EMBED src='http://www.kinarie.com/flash/photo_reader/photo_reader210.swf?xmlURL=http://www.kinarie.com/photoreader.xml&setup1=111012&setup2=2015&setup3=900090009' quality='high' wmode='transparent' bgcolor='#ffffff' WIDTH='130' HEIGHT='150' NAME='photo_reader' ALIGN=''allowScriptAccess='sameDomain' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer' /></OBJECT>");

なにかごちゃごちゃしてますが、ただ単にdocument.write(Flashのソース)を書いただけです。気をつける点は改行を入れないことです。
htmlでは改行を入れても大丈夫ですが、JavaScript内ではエラーになってしまいます（多分）。

次に実際にhtml内のFlashを表示したいところに

<script language='JavaScript' src='./photoreader.js'></script>

と記述します。
あとはブラウザでちゃんと表示されているか確認してください。
多分うまくいくと思うのですが。

2006,09,22 | CM (0) | TB (0) | wrote by Masa