在网页中嵌入MOV视频

本文深入分析了Firefox、Opera、InternetExplorer等浏览器对object与embed元素的不同支持情况,并提供了兼容不同浏览器的代码实现策略。

背景

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]-->

转载于:https://www.cnblogs.com/xusheng/archive/2012/03/11/2390174.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值