目录

HTML - 嵌入多媒体( Embed Multimedia)

有时您需要在网页中添加音乐或视频。 向您的网站添加视频或声音的最简单方法是包含名为《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中不推荐使用alignautostart属性。 不要使用这些属性。

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标签。

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

这是一个播放小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。

↑回到顶部↑
WIKI教程 @2018