多媒体标签详解

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>

posted @ 2016-04-04 17:27  尼农小道  阅读(1007)  评论(0编辑  收藏  举报