messaliberty

hulor と開発チームの最新情報

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

全く基本的なことで恐縮ですが、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にて表示されました。

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

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • MySpace
  • Reddit
  • Tumblr
  • Yahoo! Buzz
  • StumbleUpon
  • Technorati
  • Twitter

Related posts:

  1. AR(拡張現実) をビジネスに活かした5つの実例 日本では、iPhoneのセカイカメラごしに日常の世界を覗くと他の誰かがそこに残した情報が浮かび上がってくるiPhoneアプリ「セカイカメラ」などで有名になったAR(拡張現実)技術。国内外の色々なシーンで販促やプロモーショ [...]...
  2. javascriptライブラリを利用して角丸を生成する『curvyCorners』 messalibertyのサイトにも使われている角丸は『curvyCorners』というjavascriptライブラリを利用して表現しています。 すごくキレイな角丸を表現できるのですが、少し重いのが難点です。 近いうちに [...]...

Related posts brought to you by Yet Another Related Posts Plugin.

Leave a Reply