HTML5中embed object的浏览器支持情况?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5中embed object的浏览器支持情况?相关的知识,希望对你有一定的参考价值。
把一个MP4视屏放在embed和object标签里,只有IE8能播放embed,其它都不能显示。不是说IE只支持object吗?什么情况?
求大神帮忙解释一下。
我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。
OBJECT标签是用于windows平台的IE浏览器的
而EMBED是 用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。
windows平台的IE利用Activex控件来播放flash而其它的浏览器则 使用Netscape插件技术来播放flash。
二、为什么要使用以上全部的标签?能省略某些标签不?
OBJECT标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。“classid”和“codebase”属性必须要精确地按上例所示的写法写,它们告 诉浏览器自动下载flash player的地址。如果你没有安装过flash player 那么IE3.0以后的浏览器会跳出一个提示框访问是否要自动安装flash player。当然,如果你不想让那些没有安装flash player的用户自动下载播放器,或许你可以省略掉这些代码。
EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。“pluginspage”属性告诉浏览器下载flash player的地址,如果还没有安装flash player的话,用户安装完后需要重启浏览器才能正常使用。
为了确保大多数浏览器能正常显示flash,你需要把EMBED标签嵌套放在OBJECT标签内,就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说,如果你省略了EMBED标签,那firefox就不能识别你的flash了(不过纳闷的是,省略了object只写embed,IE也能正常显示flash,呵呵,具体的再仔细看看了)。 参考技术A
在支持html5的浏览器中,最好使用audio标签,或者video标签
在不支持HTML5的浏览器中,就可以使用embed标签进行替代了。
多媒体标签详解
1、<embed></embed>多媒体标签
功能:用来在网页中嵌入插件来播放多媒体文件
兼容:不是W3C规范的元素,但一般浏览器都支持,W3C建议使用<object>替换它。不同插件属性也可能不一样。
<embed>此标签非W3C推荐,NetScape支持
?
<embed>属性说明:
width????????????宽度
height????????????高度
src ????????????多媒体文件url
mode????????????设置播放器背景是否透明
取值:
transparent????????透明
quality????????????设置播放质量
--取值:
????high
????low
type????????????设置播放类型
取值:????????application/x-shockwave-flashplayer
? ?
pluginspage????设置多媒体播放的下载地址。
示例:
<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
?
说明:如果要想要实现加载flash文件等多媒体文件的功能,只需参照示例部分的代码,将蓝色部分改成你需要引入文件的路径、高度、宽度,其他属性和属性值不需要修改。
2、<object></object>标签
是W3C标准,
?
常用的属性:
classid:设置多媒体播放的注册码
codebase:????????设置当浏览器没有安装flash插件时的下载地址
?
<param>标签
说明:
????主要用于设置多媒体播放的参数
????<param name="movie" value="images/banner.swf">
????设置多媒体文件的url
????<param name="quality" value="high">
????设置播放质量为高
????<param name="wmode" value="transparent">
????设置播放器背景是透明。????
???? ?
?
?
示例:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">
????????<param name="movie" value="images/banner.swf">
????????<param name="quality" value="high">
????????<param name="wmode" value="transparent">
</object>
?
说明:如果要想要实现加载flash文件等多媒体文件的功能,只需参照示例部分的代码,将蓝色部分改成你需要引入文件的路径、高度、宽度,其他属性和属性值不需要修改。
?
3、<embed>和<object>对比:
两者都是用来播放多媒体文件的对象,
object元素用于IE浏览器,embed元素用于非IE浏览器,为了保证兼容性,通常我们同时使用两个元素,浏览器会自动忽略它不支持的标签。
?
如果兼容多个浏览器,应该将<embed>和<object>合在一起写。
?
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">
<param name="movie" value="images/banner.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="images/banner.swf" width="778" height="202" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
以上是关于HTML5中embed object的浏览器支持情况?的主要内容,如果未能解决你的问题,请参考以下文章