HTML5+CSS3程序设计第6章 走进HTML 5的多媒体世界.pptVIP

audio标签和video标签 source video width=640 height=360 source src=demo/sample.ogv type=video/ogg; codecs=theora, vorbis/ source src=demo/sample.mov type=video/quicktime/ /video audio标签和video标签 type src IE Firefox Chrome 多媒体标签的基本属性及使用 3 主要内容 多媒体标签基本属性 1 使用audio标签播放音频 2 使用video标签播放视频 3 设置背景音乐——bgsound 4 多媒体标签基本属性 autoplay src preload poster poster controls error networkState currentsrc buffered readyState seeking 多媒体标签基本属性 played seekable currentTime startTime paused ended duration defaultPlaybackRate playbackRate volume muted 使用audio标签播放音频 音频 audio 输入标签input 使用video标签播放视频 视频 video 输入标签input 设置背景音乐—bgsound 背景音乐 bgsound 音乐 声音 设置背景音乐—bgsound 语法 语法格式如下： bgsound src=背景音乐的地址 * 走进HTML 的多媒体世界 05 多媒体标签的事件 04 多媒体标签的方法 02 audio标签和video标签 03 多媒体标签的基本属性及使用 01 设置滚动文字 设置滚动文字 1 主要内容 滚动文字标签—marquee 1 滚动延迟属性—scrolldelay 5 滚动方向属性—direction 2 滚动循环属性—loop 6 滚动方式属性—behavior 3 滚动范围属性—width、height 7 滚动速度属性—scrollamount 4 滚动背景颜色属性—bgcolor 8 滚动空间属性—hspace、vspace 9 滚动文字标签—marquee marquee 滚动 滚动文字标签—marquee 语法格式 marquee滚动文字/marquee 滚动方向属性—direction direction 从右向左 方向 滚动方向属性—direction 语法格式 marquee direction=滚动方向滚动文字/marquee 该语法中的滚动方向可以包含4个值，分别为up、down、left和right。 滚动方式属性—behavior behavior 滚动方式 滚动方式属性—behavior 语法格式 marquee behavior=滚动方式滚动文字/marquee Scroll Slide Alternate 实例 滚动速度属性—scrollamount scrollamount 速度 滚动速度属性—scrollamount 语法格式 marquee scrollamount=滚动速度滚动文字/marquee 在该语法中，滚动文字的速度实际上是设置滚动文字每次移动的长度，以像素为单位。 滚动延迟属性—scrolldelay scrolldelay 时间间隔 滚动延迟属性—scrolldelay Scrolldelay的时间间隔单位是毫秒，也就是千分之一秒。 语法格式 marquee scrolldelay=时间间隔滚动文字/marquee 滚动循环属性—loop loop 循环 滚动循环属性—loop 语法格式如下： marquee loop=循环次数滚动文字/marquee 实例 滚动范围属性—width、height 面积 默认 背景 width height 水平 垂直 滚动循环属性—loop 语法格式如下： marquee width= height=滚动文字/marquee 此处设置宽度和高度的单位均为像素。 滚动背景颜色属性—bgcolor bgcolor 突出 背景色 单独设置 滚动循环属性—loop 语法格式如下： marquee bgcolor=颜色代码滚动文字/marquee 文字背景颜色设置为16位颜色码。 滚动循环属性—loop 滚动空间属性—hspace、vspace 四周 水平空间 垂直空间 单独设置 滚动空间属性—hspace、vspace 语法格式如下： marquee hspace=水平范围 vspace=垂直范围滚动文字/marquee 该语法中水平和垂直范围的单位均为像素。 audio标签video标签 2 audio标签和vi