firefox 対応 XHTML準拠の quicktime プラグインのタグ(objectタグ)記述

xhtml準拠じゃなくても…embedでよくない？？
そんな声が聞こえてきそうですがまあTinyMCEがXHTML準拠じゃなきゃ受け入れてくれんのです。

そんなわけでいろいろ試行錯誤してみました。
基本はembedタグではなくobjectタグを使用することです

◆IEのみを考えた場合こんなんでOK
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="260" width="320">
   <param name="src" value="/data.3g2"></param>
   <param name="controller" value="true"></param>
</object>

◆firefoxにも対応
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="260" width="320">
   <param name="src" value="/data.3g2"></param>
   <param name="controller" value="true"></param>
       <object class="3g2" data="/data.3g2" height="260" type="video/3gpp2" width="320">
           <param name="controller" value="true"></param>
        プラグインが入ってないみたい(&gt;_&lt;)
    </object>
</object>

◆firefox対応版を使ったときのIEへのフォロー

IEではobjectタグの入れ子に対応できないようです。
結果謎のobject(空のインラインフレームみたいな感じ)が出現したように表示されます。
なのでコレをCSSで非表示にするようにフォローします。

* html object.3g2 {
     display: none;
}
* html object.3g2/**/ {
     display: inline;
}
* html object.3g2 {
     display/**/: none;
}

IEのバクなどの関係でこのようになるそうです。
詳しい対応はページ下部元ネタを参照してください。

なお親、子双方のobjectにparamrを記述することにより
他のパラメータも使用できるようです。
<param name="autoplay" value="false"></param>
くらいは入れたほうが良いかもしれませんね

◆元ネタ(英語)
http://realdev1.realise.com/rossa/rendertest/quicktime.html