POPSブログ

FLASH表示テスト/1

4

  Category:  flash2011/12/15 pops 

swfobject.jsを使用した、BaserCMSでのFLASH表示テストです。
このほうが簡単のようです。


swfobject.jsを使用したFLASH表示 1

BaserCMSでFLASHを表示させる機能が備わったようですが。

私の場合は一般的な swfobject 実行命令をその場で埋め込み使用しています。swfobject.js (v1.5)は常駐しています。

BaserCMSでFLASHを表示させる方法です。別に不思議なことではなく一般的な swfobject.js を使用しています。


外部FLASHを表示する

http://www8.plala.or.jp/popsweb/flash/flashtest005.swf


内部FLASHを表示する

/main/flash/flashtest006.swf


swfobject.js(バージョン1.5の記載です、わたしは古いのを前から使用しています。ここで読み込んでいるのはバージョン1.5)


記載例


外部から
<div id="sample1" style="background-color: #000000; width: 300px; height: 250px;">
<script type="text/javascript">
	var so = new SWFObject("http://www8.plala.or.jp/popsweb/flash/flashtest005.swf", "swf", "300", "250", "10");
	so.addParam("quality", "high");
	so.addParam("allowFullScreen", "true");
	so.addParam("wmode", "transparent");
	so.addParam("salign", "middle");
	so.write("sample1");
	</script>
</div>

内部から
<div id="sample2" style="background-color: #000000; width: 300px; height: 250px;">
<script type="text/javascript">
	var so = new SWFObject("/main/flash/flashtest006.swf", "swf", "300", "250", "10");
	so.addParam("quality", "high");
	so.addParam("allowFullScreen", "true");
	so.addParam("wmode", "transparent");
	so.addParam("salign", "middle");
	so.write("sample2");
	</script>
</div>


上の記載例はswfobject.js バージョン1.5です。バージョン2.0の場合、記載が少しだけ違います。文法に従ってください。

【参考】: SWFObject v2.0 ドキュメント日本語訳


内部FLASHを表示する注意点など

外部からを取得する場合は問題はないのですが、自作のFLASHなどを表示する場合は「CakePHPの規約の絶対パス」を使用しなければ場所を認識しません。


このサイトの場合 webroot は /main になりますから、これを例に表示すると仮定します。
ここに保存用の flash images js xml のフォルダを作り使用しています。マトメテおけば何かと便利です。

swf は /main/flash/ にあるわけです。
image は /main/images/ にあるわけです。


flash制作の場合画像などはflashの中に入れず、使用する時点でLOADして使用するなど、最初の読み込みを軽くすることが多く、
「CakePHPの規約の絶対パス」を使用しなければ画像など読み込めませんので、サイト固有のflashを制作せざるを得なくなります。
(画像読みなどないflashは、どこにおいてもパスさえ通れば表示します。)


swf は /main/flash/xxxxx.swf
xml は /main/xml/xxxxx.xml
image は /main/images/xxxxx.jpg

等と規約に沿った記載にしなくては、flash表示は出来なくなります。サイト構成にあわせてください。


flash表示するにはどうしたらよいのかではなく、表示させるためflashをどのように作るかが問題のようです。
flashを自作できない場合は、外部のflashをLOAD(取り込み)しかないようです。


jqueryが常駐していますから、jqueryで表示も可能ですし、swfobject.jsと組み合わせて使用するのも方法です。


[ この記事のURL ]


タグ:series , memo , basercms , flash

[ FLASH表示テスト シリーズ記事 ]

FLASH表示テスト/42012.01.31
FLASH表示テスト/32011.12.23
FLASH表示テスト/22011.12.20
FLASH表示テスト/12011.12.15

 

ブログ記事一覧

年別アーカイブ一覧



[1]