在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显。具体来说,网页音频和视频的嵌入方法主要有三种:

一、bgsound 
  (一)、基本语法: 
  bgsound src=url 
  说明:bgsound是用来插入背景音乐的,但只适用于IE浏览器和以IE为内核的浏览器。url为音频文件及其路径,可以是相对路径或绝对路径。 
  示例:<bgsound src="your.mid">

  (二)、属性设置: 
  因为bgsound嵌入的音频文件在网页中没有控件显示,所以在使用bgsound时,它的各个属性就必须加以设置。 
  1、自动播放: 
  语法:autostart=true、false 
  说明:该属性规定音乐文件是否在下载完之后就自动播放。 
  true:音乐文件在下载完之后自动播放; 
  false:音乐文件在下载完之后不自动播放。 
  示例:<bgsound src="your.mid" autostart=true> 
  <bgsound src="your.mid" autostart=false>

  2、循环播放: 
  语法:loop=正整数或infinite 
  说明:该属性规定音乐文件的循环次数。 
  属性值为正整数值时,音乐文件的循环次数与正整数值相同; 
  属性值为infinite时,音乐文件反复播放,循环不止。 
  示例:<bgsound src="your.mid" loop=2> 
     <bgsound src="your.mid" loop=infinite>

二、embed 
(一)、基本语法: 
  embed src=url 
  说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。   url为音频或视频文件及其路径,可以是相对路径或绝对路径。 
  示例:<embed src="your.mid">

(二)、属性设置: 
  1、自动播放: 
  语法:autostart=true、false 
  说明:该属性规定音频或视频文件是否在下载完之后就自动播放。 
  true:音乐文件在下载完之后自动播放; 
  false:音乐文件在下载完之后不自动播放。 
  示例:<embed src="your.mid" autostart=true> 
  <embed src="your.mid" autostart=false>

  2、循环播放: 
  语法:loop=正整数、true、false 
  说明:该属性规定音频或视频文件是否循环及循环次数。 
  属性值为正整数值时,音频或视频文件的循环次数与正整数值相同; 
  属性值为true时,音频或视频文件循环; 
  属性值为false时,音频或视频文件不循环。 
  示例:<embed src="your.mid" autostart=true loop=2> 
     <embed src="your.mid" autostart=true loop=true> 
     <embed src="your.mid" autostart=true loop=false>

  3、面板显示: 
  语法:hidden=ture、no 
  说明:该属性规定控制面板是否显示,默认值为no。 
  ture:隐藏面板; 
  no:显示面板。 
  示例:<embed src="your.mid" hidden=ture> 
  <embed src="your.mid" hidden=no>

  4、开始时间: 
  语法:starttime=mm:ss(分:秒) 
  说明:该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。 
  示例:<embed src="your.mid" starttime="00:10">

  5、音量大小: 
  语法:volume=0-100之间的整数 
  说明:该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。 
  示例:<embed src="your.mid" volume="10">

  6、容器属性: 
  语法:height=# width=# 
  说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。 
  height:控制面板的高度; 
  width:控制面板的宽度。 
  示例:<embed src="your.mid" height=200 width=200>

  7、容器单位: 
  语法:units=pixels、en 
  说明:该属性指定高和宽的单位为pixels或en。 
  示例:<embed src="your.mid" units="pixels" height=200 width=200> 
     <embed src="your.mid" units="en" height=200 width=200>

  8、外观设置: 
  语法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 
  说明:该属性规定控制面板的外观。默认值是console。 
  console:一般正常面板; 
  smallconsole:较小的面板; 
  playbutton:只显示播放按钮; 
  pausebutton:只显示暂停按钮; 
  stopbutton:只显示停止按钮; 
  volumelever:只显示音量调节按钮。 
  示例:<embed src="your.mid" controls=smallconsole> 
     <embed src="your.mid" controls=volumelever>

  9、对象名称: 
  语法:name=# 
  说明:#为对象的名称。该属性给对象取名,以便其他对象利用。 
  示例:<embed src="your.mid" name="sound1">

  10、说明文字: 
  语法:title=# 
  说明:#为说明的文字。该属性规定音频或视频文件的说明文字。 
  示例:<embed src="your.mid" title="第一首歌">

  11、前景色和背景色: 
  语法:palette=color|color 
  说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB),也可以是颜色名,还可以是transparent(透明)。 
  示例:<embed src="your.mid" palette="red|black">

  12、对齐方式: 
  语法:align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom 
  说明:该属性规定控制面板和当前行中的对象的对齐方式。 
  center:控制面板居中; 
  left:控制面板居左; 
  right:控制面板居右; 
  top:控制面板的顶部与当前行中的最高对象的顶部对齐; 
  bottom:控制面板的底部与当前行中的对象的基线对齐; 
  baseline:控制面板的底部与文本的基线对齐; 
  texttop:控制面板的顶部与当前行中的最高的文字顶部对齐; 
  middle:控制面板的中间与当前行的基线对齐; 
  absmiddle:控制面板的中间与当前文本或对象的中间对齐; 
  absbottom:控制面板的底部与文字的底部对齐。 
  示例:<embed src="your.mid" align=top> 
     <embed src="your.mid" align=center>

三、img dynsrc 
  (一)基本语法: 
  img dynsrc=url 
  说明:img dynsrc可以用来插入各种多媒体,格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件及其路径,可以是相对路径或绝对路径。 
  示例:<img dynsrc="your.avi">

  (二)属性设置: 
  1、预设图片: 
  语法:src=url 
  说明:url为图片文件及其路径,可以是相对路径或绝对路径。该属性的作用是当视频文件下载时,用图片占据视频文件的显示位置;视频文件下载完成,图片被屏蔽,显示视频文件。若指定dynsrc为一个音频文件之后,src属性就被屏蔽,图片就不可见了。 
  示例:<img dynsrc="your.avi" src=logo.jpg> 
  2、播放事件: 
  语法:start=fileopen、mouseover 
  说明:该属性规定了文件播放的事件,缺省值是fileopen。也可以两者同时设置。另外,用鼠标在播放区域点击一下,也将令浏览器开始播放该文件。 
  fileopen:文件打开时; 
  mouseover:鼠标移到播放区域上时。 
  示例:<img dynsrc="your.avi" start=fileopen> 
  <img dynsrc="your.avi" start=mouseover> 
  <img dynsrc="your.avi" start=fileopen,mouseover> 
  3、容器属性: 
  语法:height=# width=# 
  说明:取值为正整数或百分数。该属性规定控制面板的高度和宽度。 
  height:控制面板的高度 
  width:控制面板的宽度 
  示例:<img dynsrc="your.avi" height=200 width=200> 
  4、说明文字: 
  语法:alt=# 
  说明:#为说明文字。alt的值是对动画文件的非显示说明。 
  示例:<img dynsrc="your.avi" alt=your.avi(200KB)> 
  5、控制显示: 
  语法:controls 
  说明:用来在视频窗口下附加MS-WINDOWS的播放控制条。 
  示例:<img dynsrc="your.avi" controls> 
  6、循环播放: 
  语法:loop=正整数或infinite 
  说明:该属性规定音频或视频文件的循环次数,属性值为-1或infinite时,音频或视频文件反复播放,循环不止。 
  属性值为正整数值时,音频或视频文件的循环次数与正整数值相同; 
  属性值为infinite时,音频或视频文件反复播放,循环不止。 
  示例:<img dynsrc="your.avi" loop=2> 
     <img dynsrc="your.avi" loop=infinite> 
  7、延时播放: 
  语法:loopdelay=# 
  说明:#=毫秒数。该属性规定音频或视频文件的延时播放时间。 
  示例:<img dynsrc="your.avi" loopdelay=200> 
  8、补白属性: 
  语法:hspace=# vspace=# 
  说明:取值为正整数,单位为像素。两个属性应同时应用。 
  hspace:画面离页面左边的距离; 
  vspace:画面离页面顶部的距离。 
  示例:<img dynsrc="your.avi" hspace=10 vspace=10>

HTML网页中添加音频视频动画...(转)的更多相关文章

  1. HTML在网页中插入音频视频简单的滚动效果

    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...

  2. 网页中创建音频、视频和Flash等多媒体:object元素

    <object>元素:它主要用于定义网页中的多媒体,比如音频.视频.Java applets.PDF.ActiveX和Flash.Object标签是成对出现的,在object标签内可以使用 ...

  3. ScrollMe – 在网页中加入各种滚动动画效果

    ScrollMe 是一款 jQuery 插件,用于给网页添加简单的滚动效果.当你向下滚动页面的时候,ScrollMe 可以缩放,旋转和平移页面上的元素.它易于设置,不需要任何自定义的 JavaScri ...

  4. 如何在网页中添加 jQuery。

    转自:http://www.runoob.com/jquery/jquery-install.html 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery. 您可以使用以下方法: 从 ...

  5. 在网页中添加动画,使用WOW.js来实现

    [来源] 页面在向下滚动的时候,有些元素会产生细小的动画效果.虽然动画比较小,但却能吸引你的注意 刚知道wow.js这个插件,之前写的类似滚动时页面效果都是自己用jQuery写的,现在有了插件,开发更 ...

  6. 网页中插入外部视频的几种方法(PC与手机网页通用)

    网页中加入视频的几种方法(PC与手机网页通用) 方法一: <!doctype html> <html> <head> <meta charset=" ...

  7. 给网页中的button加动画效果

    网页中的很多事件交互都是通过点击页面中的按钮来实现的,给按钮加一点动画效果也会让网页看起来生动一些,以下就是一个简单的例子: 此按钮的动画主要是通过css的transform动画,伪元素,伪类来实现: ...

  8. 如何在网页中添加“QQ交流”

    今天在撸码时,想到这个问题,有些网页中会有诸如,那么如何在网页添加"QQ交谈"? 第一步.登录QQ: 第二步.打开网页:QQ推广,启用QQ通讯组件: 第三步.选择组件样式,设置提示 ...

  9. 在纯HTML的静态网页中添加一段统计网页访问量的JAVA Script代码?

    如何在网站上进行流量统计呢,可以找第三方服务网站去注册,但也可以在网站上直接添加代码,只需将以下代码copy到你的网页中,复制到</body>之前就可以啦!是不是很简单啊! <scr ...

随机推荐

  1. Ubuntu升级显卡驱动后开机无动画的解决办法

    我的联想Ideapad z460,Nvidia GEFORCE 310M的显卡,安装闭源的驱动非常的蛋疼,ubuntu下面有附加驱动管理,在里面直接就能安装,也可以到官网下载.run的安装包,比较的折 ...

  2. C# 学习笔记01

    想写一个app可以访问数据库,实现对数据库的查询,修改等,突然发现知识实在有限,故选择C#来实现此app. 使用简单的三层架构来作为此app的架构.表现层(UI).业务逻辑层(BLL).数据访问层(D ...

  3. http keepalive

    转载自: http://www.92csz.com/17/1152.html http keepalive 在http早期 ,每个http请求都要求打开一个tpc socket连接,并且使用一次之后就 ...

  4. Delphi IP 控件源码

    interface uses Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs,ComCtrls, Co ...

  5. Android Studio 快捷方式

    Alt+回车 导入包,自动修正 Ctrl+N 查找类 Ctrl+Shift+N 查找文件 Ctrl+Alt+L 格式化代码 Ctrl+Alt+O 优化导入的类和包 Alt+Insert 生成代码(如g ...

  6. linux中sed用法

    sed是一个很好的文件处理工具,本身是一个管道命令,主要是以行为单位进行处理,可以将数据行进行替换.删除.新增.选取等特定工作,下面先了解一下sed的用法sed命令行格式为:         sed ...

  7. 常用经典SQL语句大全(技巧)

    三.技巧 1.1=1,1=2的使用,在SQL语句组合时用的较多 “where 1=1” 是表示选择全部    “where 1=2”全部不选, 如: if @strWhere !='' begin s ...

  8. Office升级到2013版后无法登录微软账号问题

    自打office从2010版升级到2013版,就再也无法登录微软账号了.每次点击登录,弹出来的框就显示:this feature has been disabled by your administr ...

  9. android 安装包签名问题探究

    1.首先先科普一下,android为什么需要给安装包签名: 所有的Android应用程序在发布之前都要求开发人员用一个证书进行数字签名,anroid系统不会安装没有进行签名的由于程序.    平时我们 ...

  10. DOM_节点层次_Element类型

    一.Element类型: nodeType: 1; nodeName: 元素名; nodeValue: null; parentValue: Document 或者 Element; var oDiv ...