有时您需要将音乐或视频添加到您的网页中。向网站添加视频或声音的最简单方法是包含名为 <embed> 的特殊 HTML 标签。此标签使浏览器本身包含自动提供的多媒体控件，浏览器支持 <embed> 标签和给定的媒体类型。

您还可以为无法识别 <embed> 标签的浏览器添加 <noembed> 标签。例如，您可以使用 <embed> 显示您选择的电影，如果浏览器不支持 <embed> 标签，则可以使用 <noembed> 显示单个 JPG 图像。

示例

这里是播放嵌入式 midi 文件的简单示例 -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed 标签</title>
   </head>
	
   <body>
      <embed src = "/html/yourfile.mid" width = "100%" height = "60" >
         <noembed><img src = "yourimage.gif" alt = "多媒体文件" ></noembed>
      </embed>
   </body>

</html>

测试一下

<embed> 标签属性

以下是可与 <embed> 标签一起使用的重要属性列表。

注意 - HTML5 中已弃用 align 和 autostart 属性。请勿使用这些属性。

序号属性和描述
1

align

确定如何对齐对象。它可以设置为 center, left 或 right。

2

autostart

此布尔属性指示媒体是否应自动启动。您可以将其设置为 true 或 false。

3

loop

指定声音是否应连续播放（将loop设置为 true）、一定次数（正值）或根本不播放（false）

4

playcount

指定播放声音的次数。如果您使用 IE，这是loop的替代选项。

5

hidden

指定多媒体对象是否应显示在页面上。false值表示否，true值表示是。

6

width

对象的宽度（以像素为单位）

7

height

对象的高度（以像素为单位）

8

name

用于引用对象的名称。

9

src

URL要嵌入的对象的路径。

10

volume

控件声音的音量。可以从 0（关闭）到 100（全音量）。

支持的视频类型

您可以使用嵌入标签内的各种媒体类型，例如 Flash 影片 (.swf)、AVI (.avi) 和 MOV (.mov) 文件类型。

  • .swf 文件− 是 Macromedia 的 Flash 程序创建的文件类型。

  • .wmv 文件 − 是 Microsoft 的 Window 媒体视频文件类型。

  • .mov 文件 - 是 Apple 的 Quick Time 电影格式。

  • .mpeg 文件 - 是由移动图片专家组创建的电影文件。

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed 标签</title>
   </head>

   <body>
      <embed src = "/html/yourfile.swf" width = "200" height = "200" >
         <noembed><img src = "yourimage.gif" alt = "多媒体" ></noembed>
      </embed>
   </body>

</html>

测试一下

背景音频

您可以使用 HTML <bgsound> 标签在网页背景中播放配乐。仅 Internet Explorer 支持此标签，大多数其他浏览器都会忽略此标签。当用户首次下载并显示主机文档时，它会下载并播放音频文件。每当用户刷新浏览器时，背景声音文件也会重播。

注意 - bgsound 标签已被弃用，并且应该在未来版本的 HTML 中删除。所以不应该使用它们，建议使用 HTML5 标签音频来添加声音。但出于学习目的，本章将详细解释bgsound标签。

该标签只有两个属性loop和src。这两个属性具有与上面解释的相同的含义。

这是一个播放小 midi 文件的简单示例 -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed 标签</title>
   </head>
	
   <body>
      <bgsound src = "/html/yourfile.mid">
         <noembed><img src = "yourimage.gif" ></noembed>
      </bgsound>
   </body>
	
</html>

测试一下

这将产生空白屏幕。此标签不显示任何组件并保持隐藏状态。

Internet Explorer 还只能处理三种不同的声音格式文件:wav，PC 的本机格式； au，大多数 Unix 工作站的本机格式；

HTML 对象标签

HTML 4 引入了 <object> 元素，它为通用对象包含提供了通用解决方案。 <object> 元素允许 HTML 作者指定用户代理呈现对象所需的一切。

以下是一些示例 -

示例 - 1

您可以将 HTML 文档嵌入到 HTML 文档本身中，如下所示 -

<object data = "data/test.htm" type = "text/html" width = "300" height = "200">
   alt : <a href = "data/test.htm">test.htm</a>
</object>

如果浏览器不支持 object，则此处的 alt 属性将显示出来

示例 - 2

您可以将 PDF 文档嵌入到 HTML 文档中，如下所示 -

<object data = "data/test.pdf" type = "application/pdf" width = "300" height = "200">
   alt : <a href = "data/test.pdf">test.htm</a>
</object>

示例 - 3

您可以使用 <param> 标签指定一些与文档相关的参数。以下是嵌入 wav 文件的示例 -

<object data = "data/test.wav" type = "audio/x-wav" width = "200" height = "20">
   <param name = "src" value = "data/test.wav">
   <param name = "autoplay" value = "false">
   <param name = "autoStart" value = "0">
   alt : <a href = "data/test.wav">test.wav</a>
</object>

示例 - 4

您可以按如下方式添加 Flash 文档 -

<object classid = "clsid:2C7EF649-68F0-AF62-AE92-DF4C18B7FB43" id = "penguin" 
   codebase = "someplace/swflash.cab" width = "200" height = "300">
   <param name = "movie" value = "flash/penguin.swf" />
   <param name = "quality" value = "high" />
   <img src = "penguin.jpg" width = "200" height = "300" alt = "Penguin" />
</object>

示例 - 5

您可以将 java applet 添加到 HTML 文档中，如下所示 -

<object classid = "clsid:CE5C174B-33B3-AE06-F3D8-4145BF143F93" 
   width = "200" height = "200">
   <param name = "code" value = "applet.class">
</object>

classid 属性标识要使用的 Java 插件版本。您可以使用可选的codebase属性来指定是否以及如何下载JRE。