《网页设计与制作》第5章.pdfVIP

《网页设计与制作》

主讲人：XXX

邮箱：XXXXXXXXXXX

电话：XXXXXXXXXXXX

每讲一语

Thehoweverbigtheproblem，tellyourheart，

“Alliswell，pal”

无论问题有多大，告诉你的心，

Neverputoffwhatyoucandotodayuntiltomorrow.

“一切皆好，朋友。”

《三傻大闹宝莱坞》

引导

书本内容

解读

第5章HTML音频与视屏

一、音频与视频

（重点）

学习目标二、多媒体标记与技巧

三、多媒体扩展知识

5.1音频与视频

（重点）

5.1.1视音频控件

（重点）

视音频添加控件

在HTML开发中音频与视频是不能直接播放的。我们只是把音频与

视频搬到了网页上，让浏览器知道有这么一个东西，并且能够显示出

来。但是，却播放不了。因为我们没有让它播放，所以我们要给它添

加一个控件。点击这个控件之后，浏览器就能够进行播放了。

（重点）

controls属性会告诉浏览器添加一套用于控制视频播放的控件。通

常，只有用户点击播放按钮后，视频或者音频才能开始播放。

5.1.2插入视频

（重点）

1、video标记

video标记的作用是在HTML页面中嵌入视频元素。其基本语法格式如下所示。

videowidth=320height=240controlssrc=movie.mp4/video

2、embed标记（重点）

embed标记的作用是在HTML页面中嵌入多媒体元素。其基本语法格式如下

所示。

embedwidth=200height=200controlssrc=movie.mp4

3、object标记

object标记的作用是在HTML页面中嵌入多媒体元素。其基本语法格式如下

所示。

objectdate=movie.mp4width=320height=240controls

（重点）

5.1.3插入音频

（重点）

1、audio标记

audio标记定义声音。其基本语法格式如下所示。

audiosrc=ACK.mp3controls=controls/audio

2、embed标记（重点）

embed标记的作用是在HTML页面中嵌入多媒体元素。其基本语法格式如下