html嵌入多媒体 – HTML教程

上一章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(全卷)。
支持视频类型你可以使用各种媒体类型,如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 = "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>

    推荐阅读