上一章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 = "http://www.srcmini.com/html/yourfile.mid" width = "100%" height = "60" >
<
noembed><
img src = "http://www.srcmini.com/yourimage.gif" alt = "另类媒体" ><
/noembed>
<
/embed>
<
/body><
/html>
< embed > 标签属性【html嵌入多媒体 – HTML教程】以下是可以与< 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(全卷)。 |
- .swf文件——是由Macromedia的Flash程序创建的文件类型。
- .wmv文件是微软窗口的媒体视频文件类型。
- .mov文件-是苹果的快速电影格式。
- .mpeg文件-是由移动图像专家组创建的电影文件。
<
!DOCTYPE html>
<
html><
head>
<
title>HTML embed Tag<
/title>
<
/head><
body>
<
embed src = "http://www.srcmini.com/html/yourfile.swf" width = "200" height = "200" >
<
noembed><
img src = "http://www.srcmini.com/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 = "http://www.srcmini.com/html/yourfile.mid">
<
noembed><
img src = "http://www.srcmini.com/yourimage.gif" ><
/noembed>
<
/bgsound>
<
/body><
/html>
这将产生空白屏幕。此标记不显示任何组件,并且保持隐藏状态。
Internet Explorer也只能处理三种不同的声音格式文件——wav,即pc的本机格式; au,大多数Unix工作站的本机格式; 还有MIDI,一种通用的音乐编码方案。
HTML对象标记HTML 4引入了< object> 元素,它提供了通用对象包含的通用解决方案。< object> 元素允许HTML作者指定用户代理表示对象所需的所有内容。
这里有几个例子
例子- 1
你可以将HTML文档嵌入到HTML文档中,如下所示
<
object data = "http://www.srcmini.com/data/test.htm" type = "text/html" width = "300" height = "200">
alt : <
a href = "http://www.srcmini.com/data/test.htm">test.htm<
/a>
<
/object>
如果浏览器不支持对象标签,alt属性就会出现。
例子- 2
你可以将PDF文档嵌入到HTML文档中,如下所示
<
object data = "http://www.srcmini.com/data/test.pdf" type = "application/pdf" width = "300" height = "200">
alt : <
a href = "http://www.srcmini.com/data/test.pdf">test.htm<
/a>
<
/object>
推荐阅读
- html字幕marquee – HTML教程
- html表单form – HTML教程
- html颜色和字体 – HTML教程
- html背景颜色 – HTML教程
- html块级元素和内联元素 – HTML教程
- html iframe用法 – HTML教程
- html框架frame – HTML教程
- html邮件链接 – HTML教程
- html图片链接 – HTML教程