多媒体标签详解

Posted 2020-07-03 尼农小道

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了多媒体标签详解相关的知识，希望对你有一定的参考价值。

1、<embed></embed>多媒体标签

功能：用来在网页中嵌入插件来播放多媒体文件

兼容：不是W3C规范的元素，但一般浏览器都支持，W3C建议使用<object>替换它。不同插件属性也可能不一样。

<embed>属性说明：

width????????????宽度

height????????????高度

src ????????????多媒体文件url

mode????????????设置播放器背景是否透明

取值：

transparent????????透明

quality????????????设置播放质量

--取值：

????high

????low

type????????????设置播放类型

取值：????????application/x-shockwave-flashplayer

? ?

pluginspage????设置多媒体播放的下载地址。

示例：

说明：如果要想要实现加载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">

????设置播放器背景是透明。????

???? ?

示例：

????????<param name="movie" value="images/banner.swf">

????????<param name="quality" value="high">

????????<param name="wmode" value="transparent">

</object>

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>

以上是关于多媒体标签详解的主要内容，如果未能解决你的问题，请参考以下文章

HTML embed标签使用方法和属性详解