menu
menu

キーワード検索

フラッシュ表示スクリプト

  • Labs

JavaScript

こんにちは(・∀・)

JavaScriptを使用したサンプルをご紹介します。今回はswfファイルを表示するためのスクリプトのサンプルです。

サンプルデモ

サンプルデモはこちら

HTML

<body>内のフラッシュファイルを表示させたい場所に<script>swf();</script>を記述。その際JavaScriptを無効にしていても代替内容が表示されるようにしておくため、<noscript>要素に代替内容を入力します。コード内のファイル名やパス等は必要に応じて変更してください。


<script>swf();</script>
<div class="flashcontent">
<script>swf();</script>
<noscript><img src="img/1.jpg" alt=""></noscript>
</div>
CSS

.flashcontent {
	width: 920px;
	margin: 0 auto;
}
JavaScript

次のJavaScriptを外部ファイル化して<head>内に読み込みます。JavaScriptコード内のファイル名やパス等は必要に応じて変更してください。


function swf(){
	document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="920" height="250">');
	document.write('<param name="movie" value="sample.swf">');
		document.write('<param name="allowScriptAccess" value="sameDomain">');
		document.write('<param name="loop" value="true">');
		document.write('<param name="quality" value="best">');
		document.write('<param name="menu" value="false">');
		document.write('<param name="bgcolor" value="#fff">');
	document.write('<param name="FlashVars" value="value">');
	document.write('<!--[if !IE]>-->');
	document.write('<object type="application/x-shockwave-flash" data="sample.swf" width="920" height="250">');
	document.write('<!--<![endif]-->');
	document.write('<param name="FlashVars" value="value">');
		document.write('<param name="allowScriptAccess" value="sameDomain">');
		document.write('<param name="loop" value="true">');
		document.write('<param name="quality" value="best">');
		document.write('<param name="menu" value="false">');
		document.write('<param name="bgcolor" value="#fff">');
	document.write('<!--[if !IE]>-->');
	document.write('</object>');
	document.write('<!--<![endif]-->');
	document.write('</object>');
}
関連リンク

Flashでフルスクリーン表示

  • カテゴリー:Labs