jQueryのプラグインでFLASHの埋め込み。
jQueryのプラグインを利用して、HTMLにFLASHを簡単に埋め込む方法です。短いコードで記述できるので、ソースコードがすっきりとして見やすくなります。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery FLASH</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.flash.js"></script> <script type="text/javascript"> $(document).ready(function() { $('div#flash').flash({'src':'main.swf', 'width':'800', 'height':'400'}); }); </script> </head> <body> <div id="flash"> <p>このページのコンテンツには、Adobe Flash Playerの最新バージョンが必要です。</p> </div><!-- flash --> </body> </html> |
<head>タグ内にjQuery本体とjquery.flash.jsを読み込んで、div#flashに対して埋め込みの記述をします。
最低限必要なのはSWFファイルのパスのみで、width、heightは省略できます。
|
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.flash.js"></script> <script type="text/javascript"> $(document).ready(function() { $('div#flash').flash({'src':'main.swf', 'width':'800', 'height':'400'}); }); </script> |
FLASHにパラメータを渡す場合は、次のようにflashvarsをオブジェクトで追加します。
|
1 |
$('div#flash').flash({'src':'main.swf', 'width':'800', 'height':'400', 'flashvars':{'init':'init.xml', 'image':'image.jpg'}}); |