个性化阅读
专注于IT技术分析

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 = "/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>

赞(0)
未经允许不得转载:srcmini » html嵌入多媒体 – HTML教程

评论 抢沙发

评论前必须登录!