HTML嵌入多媒体


有时你需要将音乐或视频添加到你的网页中。向你的网站添加视频或声音的最简单方法是包括特殊的HTML标记,称为 <嵌入> 。如果浏览器支持标记和给定的媒体类型,则此标记将使浏览器本身自动包含针对多媒体的控件。

你还可以包括一个 <无嵌入> 标记,用于无法识别标记的浏览器。例如,你可以使用来显示你选择的电影,然后 <无嵌入> 如果浏览器不支持标签,则显示单个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>

标记属性


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

注意 :The align and 自动开启 HTML5中弃用的属性。不要使用这些属性。

序号 属性和说明
1

align

确定如何对齐对象。可以将其设置为任一中心, 左还是右 .

2

自动开启

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

3

loop

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

4

播放计数

指定播放声音的次数。这是另一种选择 loop 如果你使用的是IE。

5

hidden

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

6

width

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

7

height

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

8

name

用于引用对象的名称。

9

src

要嵌入的对象的URL。

10

volume

控制声音的音量。可以从0(关闭)到100(最大音量)。

支持的视频类型


你可以在embed标签内使用各种媒体类型,例如Flash电影(.swf),AVI(.avi)和MOV(.mov)文件类型。

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

  • .wmv文件 :是Microsoft Window的Media Video文件类型。

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

  • .mpeg文件 :是运动图像专家组创建的电影文件。

<!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 标签可在网页背景中播放配乐。仅Internet Explorer支持此标记,其他大多数浏览器都忽略此标记。当用户首次下载并显示主机文档时,它将下载并播放音频文件。每当用户刷新浏览器时,背景声音文件也将重播。

注意 :不建议使用bgsound标记,并且应该在将来的HTML版本中将其删除。因此,不应该使用它们,建议使用HTML5标签音频来添加声音。但出于学习目的,本章将详细解释bgsound标签。

这个标签只有两个属性 loop and 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引入了 <对象> 元素,它提供了通用对象包含的通用解决方案。这 <对象> 元素允许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>

Here alt 如果浏览器不支持该属性 object tag.

示例-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

你可以使用 <参数> 标签。以下是嵌入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>

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