《网页设计》课件——5-2插入多媒体对象.pptxVIP

插入多媒体对象

目录◎滚动字幕标签marquee◎插入多媒体文件embed标签◎HTML5插入视频◎HTML5插入音频

1滚动字幕标签marqueemarquee标签可以实现元素在网页中移动的效果语法：marquee属性1=value1属性2=value2…滚动内容/marquee;marquee标签有很多属性，用来定义元素的移动方式。属性描述direction设定文字的滚动方向，left表示向左，right表示向右，up表示向上滚动loop设定文字滚动次数，其值是正整数或infinite表示无限次，或者为-1也为无限次，默认为无限循环height设定字幕高度width设定字幕宽度scrollamount指定每次移动的速度，数值越大速度越快scrolldelay文字每一次滚动的停顿时间，单位是毫秒，时间越短滚动越快align指定滚动文字与滚动屏幕的垂直对齐方式，取值top、middle、bottombgcolor设定文字卷动范围的背景颜色hspace指定字幕左右空白区域的大小vspace指定字幕上下空白区域的大小

举例演示【实例7-1】使用marquee制作图像滚动效果。marqueedirection=leftscrollamount=2scrolldelay=50direction=left/marqueemarqueeonMouseOver=this.stop()onMouseOut=this.start()scrollamount=2scrolldelay=50如果想实现鼠标放在图像上时图片将会静止，鼠标移开后图像继续滚动的效果，代码可以修改为：

embed标签也插入各类多媒体元素。语法：embedsrc=路径属性1=value1属性2=value2…/embed;embed元素的常用属性。2插入多媒体文件embed标签属性描述scr设定媒体文件的路径autostart=true/false媒体文件是否传送后就自动播放，true是要，false是不要，默认为falseloop=true/false设定播放的重复次数，loop=6就表示重复6次，true表示无限次播放，false表示播放一次停止startime=分：秒设定音乐的开始播放时间，如20s后播放startime=00:20volume=0-100设定音量的大小，如没设定，就用系统音量width/height设定播放空间面板的大小hidden=true隐藏播放控件面板control=console/smallconsole设定播放控件面板的外观

在html5中，video标签用于定义播放视频文件的内容，标准以及相应的属性，他支持三种视频格式分别是ogg，mpeg4和webm，其基本的语法格式如下embedHtml5中插入视频和音频会用到video元素和audio元素，那么在Html5出来之前，我们是通过什么来标签来为网页中添加音视频的呢？embed

在html5中，video标签用于定义播放视频文件的内容，标准以及相应的属性，他支持三种视，其基本的语法格式如下embed元素

在html5中，video标签用于定义播放视频文件的内容，标准以及相应的属性，他支持三种视，其基本的语法格式如下Html5中的新标签

在html5中，video标签用于定义播放视频文件的内容，标准以及相应的属性，他支持三种视，其基本的语法格式如下在html5出现之前的html4.0和xhtml中，embed标签就已经被广泛的使用。大家现在看到的就是html4.0和Xhtml中的embed的完整标签。embedsrc=“20.wmvwidth=560height=300autostart=trueloop=true/embedSrc:属性用于设置音频文件的路径autostart:属性用于设置自动播放loop:属性用于设置循环播放True

在html5中，video标签用于定义播放视频文件的内容，标准以及相应的属性，他支持三种视，其基本的语法格式如下embedsrc=“1.swfwidth=200height=200/在html4和xhtml的embed标签中主要插入的视频格式是wmv和avi格式。目前在html5的embed标签中主要插入的视频格式是swf格式。视频使用video元素音频使用audio元素那么为什么有的网站又说embed标签是html5中的新标签呢？这是有原因的，首先我们来看下html5中的embed标签。

举例演示【实例7-2】实现网页中插入音乐。

举例演示