第11章　网页多媒体

人们上网的机会多了，网上的内容更丰富了，很多人在看电视与玩电脑之间选择了后者。通过电脑除了可以浏览网页新闻外，还可以进视频网站看视频新闻（从电视上录制并上传到网上），也可以看电影等。从某种角度讲，电脑取代了电视，这也是中国拥有这么多网民的原因之一。

网页多媒体的出现，使网上的功能更丰富，很多人除了上网聊QQ、玩游戏外，还可以进视频网站看视频，而这种视频正是网页多媒体的应用。本章来学习如何使用网页插入多媒体。学习本章，将会了解以下内容：

❑多媒体的语法；

❑自动播放多媒体；

❑设置多媒体循环播放；

❑隐藏多媒体面板；

❑设置开始时间；

❑音量的调节；

❑设置多媒体面板大小和外观。

11.1　网页多媒体的基本语法

网页多媒体可以播放flash、mid、wav、mp3等格式的多媒体文件，最简单的用法是直接在标记中插入文件。其中多媒体标记用embed表示，embed标记的参数比较多，参数不同，对多媒体的控制也不一样，如autostart表示自动播放，loop表示循环播放等。这些都建立在多媒体标记embed中。

多媒体标记的使用使网页内容从文字显示扩大到播放动画、视频和音乐等内容，首页在标记后，必需引入多媒体文件，保证多媒体路径正确，才可能在网页中正确显示，其语法代码如下所示。

＜embed src=url＞

其中“=”后的url表示多媒体的路径，可以是相对路径也可以是绝对路径，要说明的是，网页可以支持多种多媒体样式，都是通过embed标记的src来插入各种多媒体，格式可以是midi、wav、aiff、au、mp3等。

最基本的样式是通过embed引入一个多媒体文件，在指定的区域显示，代码11.1表示在网页中引用一个MP3文件，使其在网页中播放出来。播放的前提是系统已安装Windows Media Player播放器，因为多媒体文件的处理都是通过此播放器，本实例中的多媒体文件播放是由系统自带的Windows Media Player11播放器所支持，Windows Media Player播放器在安装系统时就存在了，只是因系统不同而版本不一样，在网页中播放多媒体文件的效果如图11.1所示。

代码11.1　源代码\第11章\多媒体的基本语法.html

—————————————文件名：多媒体的基本语法.html—————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞多媒体的基本语法＜/title＞

04 ＜/head＞

05 ＜body＞

06 下面是mp3文件：

07 ＜br＞

08 ＜！-多媒体标记—＞

09 ＜embed src="smak slow.mp3"＞

10 ＜/body＞

11 ＜/html＞

【代码解析】在＜body＞＜/body＞标记对中，加入了多媒体标记embed（代码第9行），同时引入同目录下的mp3文件，表示在网页中引入多媒体文件并可以播放，在网页中表现出的效果如图11.1所示。

图　11.1　多媒体的基本语法