在网页中嵌入MOV视频

背景

Firefox 不支持 object 中 classid 属性，只支持 type 属性，而如果发现 object 有 classid 属性以后，它将不理会 object，而只执行 embed。而对于 Opera 则很有趣，它既支持 object，又支持 embed，但是因为 embed 是嵌入到 object 中的，如果它能正确识别 object，它就不再理会 embed，如果它不能识别 object，则执行 embed。因此它不会显示两个播放器。至少笔者是用的 11.61 版的 Opera 是这样的。而 Internet Explorer 则只识别 object 中的 classid 属性。因此在 object 中，我们不需要指定 type 属性。

源代码

<!--不符合XHTML标准，主要兼容IE，UI较好，需media player插件，重在object(或param)-->
<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" height="320" width="356">
<param name="Filename" value="01.mov">
<embed type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" flename="mp" src="01.mov" width="356" height="320"> </embed>
</object>

<!--不符合XHTML标准，全兼容，UI较好，需quicktime插件，重在embed-->
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="500" height="500">
<param name="autoplay" value="true" />
<param name="src" value="01.mov" />
<param name="AutoSize" value="-1" />
<embed src="01.mov" type="video/quicktime" width="500" height="500" > </embed>
</object>

<!--较符合XHTML标准，兼容IE、Chrome、Opera，UI较好，需quicktime插件-->
<style type="text/css">
.mozilla { display:block; }
</style>
<!--[if IE]>
<style type="text/css">
.mozilla {display:none;}
</style>
<![endif]-->
<!--重在data-->
<object
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
data="01.mov"
type="video/quicktime"
height="500"
width="500"
class="mozilla">
<param name="autoplay" value="true">
</object>
<!--[if IE]>
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="500" height="500">
<param name="src" value="01.mov" />
</object>
<![endif]-->