嵌入多媒体（Embed Multimedia）

优质

小牛编辑

124浏览

2023-12-01

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

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

例子 (Example)

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

<!DOCTYPE html>
<html>
   <head>
      <title>HTML embed Tag</title>
   </head>
   <body>
      <embed src = "/html/yourfile.mid" width = "100%" height = "60" >
         <noembed><img src = "yourimage.gif" alt = "Alternative Media" ></noembed>
      </embed>
   </body>
</html>

标签属性

以下是可与标记一起使用的重要属性列表。

Note - HTML5中不推荐使用align和autostart属性。不要使用这些属性。

Sr.No	属性和描述
1	align 确定如何对齐对象。它可以设置为中央， left or right 。
2	autostart 此布尔属性指示媒体是否应自动启动。您可以将其设置为true或false。
3	loop 指定声音是否应连续播放（设置循环为真），一定次数（正值）或根本不播放（假）
4	playcount 指定播放声音的次数。如果你是IE用户，这是loop备用选项。
5	hidden 指定是否应在页面上显示多媒体对象。假值表示否，真值表示是。
6	width 对象的宽度（以像素为单位）
7	height 物体的高度（以像素为单位）
8	name 用于引用对象的名称。
9	src 要嵌入的对象的URL。
10	volume 控制声音的音量。可以从0（关闭）到100（完整卷）。

支持的视频类型

您可以在嵌入标记内使用各种媒体类型，如Flash影片（.swf），AVI（.avi）和MOV（.mov）文件类型。

.swf files - 是Macromedia的Flash程序创建的文件类型。
.wmv files - 是Microsoft的Window的媒体视频文件类型。
.mov files - 是Apple的Quick Time Movie格式。
.mpeg files - 是由Moving Pictures Expert Group创建的电影文件。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML embed Tag</title>
   </head>
   <body>
      <embed src = "/html/yourfile.swf" width = "200" height = "200" >
         <noembed><img src = "yourimage.gif" alt = "Alternative Media" ></noembed>
      </embed>
   </body>
</html>

背景音频

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

Note - 不推荐使用bgsound标记，并且应该在将来的HTML版本中删除它。所以不应该使用它们，建议使用HTML5标签音频来添加声音。但仍然为了学习目的，本章将详细解释bgsound标签。

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

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

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

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

Internet Explorer还可以只处理三种不同的声音格式文件 - wav，PC的原生格式; au，大多数Unix工作站的原生格式; 和MIDI，一种通用的音乐编码方案。

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:D27CDB6E-AE6D-11cf-96B8-444553540000" 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小程序添加到HTML文档中，如下所示 -

<object classid = "clsid:8ad9c840-044e-11d1-b3e9-00805f499d93" 
   width = "200" height = "200">
   <param name = "code" value = "applet.class">
</object>

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