制作記事 Web制作マークアップJavaScriptDOMでswfファイルを呼び出す際の注意

DOMでswfファイルを呼び出す際の注意

swfファイルをhtmlファイルで指定する際、従来はobjectタグとembedタグをダブルに記述していたが、embedタグはxhtml1.0から非推奨タグとされている。
そこで、strictな文書を作成する際はembedタグを使用しないようにしていたのですが・・・。

実は落とし穴がありました。

Javascriptを使ってDOMでobjectタグを生成しても、実はIEではうまく表示されません。もしや!?と思い、embedタグで生成したところうまく表示されました。
また、objectタグを生成した場合、そのobjectの高さを取得しようと「offsetHeight」を使用したのですが、Operaだけうまく行きませんでした。結局heightの値を取得して対応しました。

DOMを使用してswfファイルを読み込む際のポイント

  • IE以外は「object」タグで、IEは「embed」タグで生成する
  • objectタグを含むの高さを「offsetHeight」で取得する場合は、Operaに要注意