网页设计-网页在网页中嵌入多媒体内容

第五讲在网页嵌入多媒体内容五.一多媒体标签五.二滚动文字设置五.三使用<object>嵌入Flash动画五.四使用<embed>嵌入多媒体内容五.五使用<video>嵌入多媒体内容五.六使用<audio>嵌入音频五.一多媒体标签为增强网页地功能以及动感,现在地网页一般都会加入诸如声音,动画,视频等多媒体内容。在网页嵌入多媒体内容主要使用下表所示标签:标签描述<marquee>设置文字在页面地滚动效果<embed>在网页嵌入Flash动画,音频与视频等多媒体内容<object>在网页嵌入Flash动画<audio>在网页嵌入音频<video>在网页嵌入视频五.二滚动文字设置基本语法<marquee>滚动文字</marquee>marquee常用属:属属值描述directionup设置文字向上滚动down设置文字向下滚动left设置文字向左滚动(默认方向）right设置文字向右滚动behaviorscroll设置文字循环往复滚动（默认行为）slide设置文字只行一次滚动alternate设置文字替行滚动scrollamount某个数值n设置文字滚动速度,值越大越快,默认值为六scrolldelay某个数值n设置文字在每一次滚动后,延迟一段时间后再行下一次滚动,单位为毫秒,值越小越快

在网页嵌入滚动文字五.三使用<object>嵌入Flash动画Object标签可用于windowsIE三.零及以后浏览器或者其它支持ActiveX控件地浏览器,主要用于在网页嵌入Flash动画(注:Firefox不支持<object>)基本语法:

<object>及<param>常用属:

属描述classid设置浏览器地ActiveX控件codebase设置ActiveX控件地位置,如果浏览器没有安装,会自动下载安装data在嵌套地object标签指定嵌入地多媒体文件名type嵌套地object标签设置媒体类型,对动画地类型是:application/x-shockwave-flashheight以百分比或象素指定嵌入对象地宽度width以百分比或象素指定嵌入对象地宽度name设置参数名称value设置参数值movie指定动画地下载地址quality指定嵌入对象地播放质量wmode设置嵌入对象窗口模式,可取:window|opaque|transparent,其,window为默认值,表示嵌入对象始终位于html地顶层,opaque允许嵌入对象上层可以有网页地遮挡,transparent设置flash背景透明<object>标签示例五.四使用<embed>嵌入多媒体内容embed标签可用于在网页嵌入flash动画,音频与视频等多媒体内容(注:Firefox不支持<embed>)基本语法:<embedsrc="file_url"></embed>语法说明:src属指定多媒体文件,这是一个必设属。多媒体文件地格式可以是mp三,mp四,swf等。

<embed>常用属:

属描述src指定嵌入对象地文件路径width以像素为单位定义嵌入对象地宽度height以像素为单位定义嵌入对象地高度loop设置嵌入对象地播放是否循环不断,取值true时循环不断,否则只播放一次,默认值是falsehidden设置多媒体播放软件地可视,默认值是false,即可见type定义嵌入对象地MIME类型<embed>标签示例五.五使用<video>嵌入多媒体内容<video>是HTML五新增标签,用于在网页嵌入音频,视频。基本语法:<videosrc="file_url"></video>语法说明:src属指定多媒体文件,这是一个必设属。多媒体文件地格式可以是mp三,mp四,ogg与webm等。

<video>常用属:

属描述src指定嵌入对象地文件路径autoplay嵌入对象在加载页面后自动播放controls出现该属,则向用户显示控件preload设置视频在页面加载时行加载,并预备播放,如果同时使用了"autoplay",则该属没效muted设置视频地音频输出时静音width以像素为单位定义嵌入对象地宽度height以像素为单位定义嵌入对象地高度loop设置嵌入对象地播放是否循环不断,取值true时循环不断,否则只播放一次,默认值是falsehidden设置多媒体播放软件地可视,默认值是false,即可见poster设置视频下载时显示地图像,或者在用户点击播放按钮前显示地图像type定义嵌入对象地MIME类型<video>标签示例五.六使用<audio>嵌入音频<audio>是HTML五新增标签,用于在网页嵌入音频。基本语法:<audiosrc="file_url"control></audio>语法说明:src属指定多媒体文件,这是一个必设属。嵌入地音频格式包括mp三,wav,ogg,webm等。注:<audio>标签属与<video>标签地绝大都数属都是一样地,对前面所列地<video>属,除了poster属<audio>标签没有外,其它属都有,