HTML5中embed object的浏览器支持情况?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5中embed object的浏览器支持情况?相关的知识,希望对你有一定的参考价值。

把一个MP4视屏放在embed和object标签里,只有IE8能播放embed,其它都不能显示。不是说IE只支持object吗?什么情况?
求大神帮忙解释一下。

OBJECT和EMBED标签
我们要在网页中正常显示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的浏览器支持情况?的主要内容,如果未能解决你的问题,请参考以下文章

html标签之Object和EMBED标签(2)

embed、object、video的HTML标签的区别?

embed、object、video的HTML标签的区别?

object和embed使用及举例

手机无法播放网页上embed标签的视频

多媒体标签详解