HTML-embed标签

2

<embed> 标签

<embed> 标签不符合标准网页设计的理念,不赞成使用。
<embed> 标签已经被符合标准的 <object> 标签代替。

定义及用法

定义嵌入的内容,比如插件。
<embed src="helloworld.swf" />
embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,所有主流浏览器都支持 <embed> 标签。

属性设置

src 内容的URL

url为音频或视频文件及其路径,可以是相对路径或绝对路径。

name 对象名称

该属性给对象取名,以便其他对象利用。

type 内容的类型

规定嵌入内容的 MIME 类型。

(1) type=application/x-mplayer2
只要是普通的windows电脑,都带有windows media player,不需要另外装播放器。

下面2种CODE,使用火狐时可能会听不见,不过装了realplayer和quicktime, 应该就能听见。

(2) type=audio/x-pn-realaudio-plugin
如果电脑没装realplayer或者quicktime,那用火狐时就不能显示播放器。

(3) type=audio/mpeg
如果电脑没装quicktime,用火狐时就不能显示播放器。

注:

  • 如果用IE浏览器,播放器显示和type没关系,它的显示只跟自己电脑的默认播放器设置有关。IE不管播放器type是什么,只显示你电脑里设置的默认播放器的形状,如果默认播放器是windows media player, 一般的mp3 wma都能播放。

  • 如果是apple quicktime的默认播放器,那不管播放器type是什么,都会显示成细长条。

  • 如果是windows media player的,就会显示成粗的那种。别的还有realplayer。。。。好多种。如果这个播放器能放mp3,但不能放wma的歌(比如quicktime),那碰到wma的歌,就会显示其他的播放器,或者不能显示播放器(如果没装其他播放器)。

  • 如果是用firefox浏览器。就会根据播放器type显示成各种形状。如果没装某种type的播放器,就有可能不显示播放器。比如没装apple quicktime的,用火狐就不能显示type="audio/mpeg"; type="application/x-oleobject"; type="application/octet-stream"或者没有type的播放器。

  • google chrome,似乎拥有IE和forefox两重特点,能显示出不同播放器的形状,没有某种type的播放器时,也能以其他播放器替代。
    maxthon似乎和IE的一样。

height/width 容器属性

说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。
height:控制面板的高度;显示资源的高度的高度,以CSS的像素。
width:控制面板的宽度。

units 容器单位

语法:units=pixels、en
说明:该属性指定高和宽的单位为pixels或en。

border 边框

单位像素

autostart 自动播放

该属性规定音频或视频文件是否在下载完之后就自动播放。
autostart=true:音乐文件在下载完之后自动播放;
autostart=false:音乐文件在下载完之后不自动播放。

loop 循环播放

说明:该属性规定音频或视频文件是否循环及循环次数。
loop=正整数:音频或视频文件的循环次数与正整数值相同;
loop=true:音频或视频文件循环;
loop=false:音频或视频文件不循环。

hidden 面板显示

该属性规定控制面板是否显示,默认值为no。
hidden=ture:隐藏面板;
hidden=no:显示面板。

starttime 开始时间

该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。

volume 音量大小

该属性规定音频或视频文件的音量大小,值为0-100之间的整数。
未定义则使用系统本身的设定。

hspace 水平距离

单位像素

controls 外观设置

该属性规定控制面板的外观。默认值是console。
controls=console:一般正常面板;
controls=smallconsole:较小的面板;
controls=playbutton:只显示播放按钮;
controls=pausebutton:只显示暂停按钮;
controls=stopbutton:只显示停止按钮;
controls=volumelever:只显示音量调节按钮。

title 标题文字

该属性规定音频或视频文件的说明文字。

palette 前景色和背景色

语法:palette=color|color
说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent(透明)。

align 对齐方式

该属性规定控制面板和当前行中的对象的对齐方式。
align=center:控制面板居中;
align=left:控制面板居左;
align=right:控制面板居右;
align=top:控制面板的顶部与当前行中的最高对象的顶部对齐;
align=bottom:控制面板的底部与当前行中的对象的基线对齐;
align=baseline:控制面板的底部与文本的基线对齐;
align=texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;
align=middle:控制面板的中间与当前行的基线对齐;
align=absmiddle:控制面板的中间与当前文本或对象的中间对齐;
align=absbottom:控制面板的底部与文字的底部对齐。

参考资料

1.MDN技术文档
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed

2.HTML <embed> 标签
http://www.w3school.com.cn/tags/tag_embed.asp

3.HTML-embed标签详解
http://www.blogjava.net/acooly/archive/2009/03/30/262917.html

numens · 2016年09月29日

问个问题:为什么embed插入的flash在移动端不显示

回复

1

安卓和ios不支持flash播放

chic · 2017年02月07日
北堂棣 作者 · 2016年09月30日

可能是 <embed> 标签不符合标准网页 ,移动端我没试过用这个标签,我也不是很清楚啊

回复

segment · 2017年06月08日

controls下面的值为什么没有用呢

回复

载入中...