WordPressで構築したサイトでFlashコンテンツを表示させる

» Posted by on 1月 25, 2010 in Blog | 0 comments

全く基本的なことで恐縮ですが、Web制作においてFlashコンテンツを表示したいということがあると思います。

今回はWordPressで構築したサイト内でFlashコンテンツを表示させる際、ブラウザ間で不具合なく表示させるのにしばし時間を要してしまったこともあり、またまたメモ代わりとしてポストさせていただきます。

当初は普通に書き出されたソースをコピペで終了だと思っていたのですが、IEで表示されなかったりembedタグは非推奨であったりと足止めを食らってしまいました。

WordPress上でflashコンテンツを表示させる

WordPress上でflashコンテンツを表示させる

表示する2つの方法

1. plugin「WP-SWFObject」を使用する

そもそもこれが一番簡単だったのですが、この方法を敢えて取らなかったために時間を要してしまいました。逆に言うと最近はすぐにpluginに逃げてしまいます。

「WP-SWFObject」というプラグインをインストールし、有効化します。

そして、以下のソースを埋め込むだけです。

[SWF]表示したいswfファイルの絶対パス,横幅,縦幅[/SWF]

以上でIE7,IE6,Firefoxにて表示されました。

2. objectタグだけを利用して表示する

embedタグを使用するとXHTMLではembedタグは定義されていないと言われて怒られます。ということで、objectタグだけで表示しないといけません。

表示させるのに必要なソースは、

<object data="表示したいswfファイルの絶対パス" type="application/x-shockwave-flash" width="横幅" height="縦幅"><param name="movie" value="表示したいswfファイルの絶対パス"></param><param name="play" value="true"></param><param name="loop" value="true"></param></object>

でOKです。

こちらもIE7,IE6,Firefoxにて表示されました。

まずは表示させるということで今回はこれで良しとします。