FlashのブログパーツをFlashが動くブラウザのみに表示させる(ついでに非同期化)


iPhoneやiPadなど、Flashが使えない端末が増えていく中、Flashを使っているブログパーツなどはまだまだ多くあります。自分も、ブログに使ってるわけではないですが、別に運営しているサイトでブログパーツを利用しています。これではiPadなどで見ると『Flash Playerをインストールしてください』と何の解決にもならない記述が表示されてしまい、困ることがあります。
しかも、そのブログパーツの読み込みがかなり遅く、ページ全体の読み込みの遅延の原因となっています。
というわけで今回は『Flashの動かない環境ではFlashを読み込まない』『ブログパーツを非同期で読み込む』という二点を調べてみたのでそのメモ。

まずは、『Flashの動かない環境ではFlashを読み込まない』を実装。使用するのは、ヤフオクのブログパーツ
Flashの可否なんて分かる方法なんてあるのだろうか? と思っていたのだけれども、すぐに見つかりました。
FlashPlayerがインストールされているか検出するJavaScript | Web活メモ帳
というわけで、下記のようなコードを書いて実装。

以下、実行結果。

試しに、Adobe Flash Player を有効または無効にするを参考に無効にしたうえでページを開くと『Adobe Flash Playerは、Adobe Flash Playerインストールガイド(Yahoo!ダウンロードセンター)から無料で入手できます。』といった記述はされず、空白のままでした。
続きを読む