什么是embed标签?
在HTML中,embed
标签用于嵌入外部的媒体文件,如音频、视频或者Flash文件。它提供了一种简单的方法,让嵌入的内容直接在网页中播放,用户无需离开网页也可以体验到丰富的媒体内容。相应地,它还可以通过其他属性指定文件或者资源的类型、大小、编码等信息。
下面是一个简单的嵌入视频的例子:
<embed src="video.mp4" width="600" height="400">
常见属性
除了最基础的src
属性外,embed
标签还有很多其他非常有用的属性:
1. width 和 height
用来分别定义嵌入文件的宽度和高度,在一定程度上可以让它更好地适应当前网页的布局。
2. type
指定文件的相应MIME类型,这对于浏览器及其它媒体播放器来说都很有用。如果未指定类型,默认情况下浏览器会根据文件的扩展名(后缀)来识别,这种做法并不总是准确的。
3. pluginspage
指定安装插件的URL,这里的插件指的是一些能够播放特定媒体类型的软件,在用户尚未安装这些插件的情况下需要下载并安装。由于现代浏览器大多数都内置了这些插件,所以这个属性的作用已经不是特别明显了。
4. loop
用来指示嵌入文件是否需要循环播放。
5. autostart
类似于audio
和video
标签的autoplay
属性,用于指定当文件加载完成后是否自动开始播放。
embed标签的使用注意事项
1. 可以在embed
标签内部使用object
标签,这样可以让一些嵌入的文件更好地适应不同的浏览器。例如:
<object data="video.mp4" width="600" height="400">
<embed src="video.mp4" width="600" height="400">
</object>
这里data
属性指定的是在object
标签无法正常工作的情况下,将会使用哪个文件替代(这里当然也是video.mp4
)。
2. 嵌入文件的大小必须以字节为单位进行指定,通常直接写数字即可,例如:
<embed src="video.mp4" width="600" height="400" size="1024">
3. 除非有必要,否则不建议指定pluginspage
属性。理想情况下,浏览器应该有能力自动识别和使用当前嵌入的文件所需的插件。
4. embed
标签已经逐渐被audio
和video
标签所取代,理论上,不必再使用它。
总结
embed
标签可以轻松地在HTML文档中嵌入各种类型的媒体文件,例如视频、音频和Flash等。虽然任何能够在浏览器中播放的文件都可以使用它,但自从出现了更加先进的标签和技术(例如audio
和video
标签),embed
标签已经日渐式微了。