上一章HTML教程请查看:html表单form
有时你需要将音乐或视频添加到你的web页面,向web站点添加视频或声音的最简单方法是包含名为<embed>的特殊HTML标记。此标记使浏览器本身包含多媒体控件,这些控件自动提供浏览器支持<embed>标记和给定的媒体类型。
你还可以为不识别<embed>标记的浏览器包含一个<noembed>标记。例如,你可以使用<embed>来显示你选择的电影,如果浏览器不支持<embed>标记,则使用<noembed>来显示单个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 = "另类媒体" ></noembed>
</embed>
</body>
</html>
< embed >标签属性
以下是可以与<embed>标签一起使用的重要属性列表。
注意,align和autostart属性在HTML5中被弃用,不要使用这些属性。
编号 | 属性和描述 |
1 | align 确定如何对齐对象。它可以设置为中间,左边或右边。 |
2 | autostart 此布尔属性指示媒体是否应该自动启动。你可以设置为真或假。 |
3 | loop 指定声音应该连续播放(将循环设置为true)、播放一定次数(正值)还是完全不播放(false) |
4 | playcount 指定播放声音的次数。如果你是使用 IE,这是for循环的另一个选择。 |
5 | hidden 指定是否在页面上显示多媒体对象。假值表示不,真值表示是。 |
6 | width 对象的宽度(以像素为单位) |
7 | height 对象的高度(以像素为单位) |
8 | name 用于引用对象的名称。 |
9 | src 要嵌入的对象的URL。 |
10 | volume 控制音量的声音。可以从0(关闭)到100(全卷)。 |
支持视频类型
你可以使用各种媒体类型,如Flash影片(.swf), AVI的(.AVI),和MOV的(.MOV)文件类型内嵌入标签。
- .swf文件——是由Macromedia的Flash程序创建的文件类型。
- .wmv文件是微软窗口的媒体视频文件类型。
- .mov文件-是苹果的快速电影格式。
- .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 = "另类媒体" ></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>元素,它提供了通用对象包含的通用解决方案。<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>
如果浏览器不支持对象标签,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>
评论前必须登录!
注册