多媒体标签详解
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>