HTML - 嵌入多媒体

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

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

示例

这是一个播放嵌入式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>

< embed>标记属性

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

注意 :  HTML5中不推荐使用 align autostart 属性.不要使用这些属性.

Sr.No属性&描述
1

对齐

确定如何对齐对象.它可以设置为中心,左或右.

2

自动启动

此布尔属性表示如果媒体应该自动启动.您可以将其设置为true或false.

3

循环

指定是否应连续播放声音(将循环设置为true) ,一定次数(正值)或完全没有(假)

4

playcount

指定次数播放声音.如果你是IE,那么这是 loop 的替代选项.

5

隐藏

指定多媒体对象应显示在页面上.假值表示否,真值表示是.

6

宽度

对象的宽度(以像素为单位)

7

身高

物体的高度(以像素为单位)

8

名称

用于引用对象的名称.

9

src

要嵌入的对象的URL.

10

音量

控制声音的音量.可以是0(关闭)到100(完整卷).

支持视频类型

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

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

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

  • .mov文件 : 是Apple的Quick Time Movie格式.

  • .mpeg files : 是由动画专家组创建的电影文件.

<!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支持,大多数其他浏览器都忽略此标记.当用户首次下载主文档并进行显示时,它会下载并播放音频文件.每当用户刷新浏览器时,背景声音文件也会重播.

注意 : 不推荐使用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> element,提供通用对象包含的通用解决方案. < 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

您可以在HTML文档中嵌入PDF文档,如下所示;

<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.