【网页设计】【html+css】【第11章 网页多媒体】

《【网页设计】【html+css】【第11章 网页多媒体】》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、·135·第11章网页多媒体人们上网的机会多了，网上的内容更丰富了，很多人在看电视与玩电脑之间选择了后者。通过电脑，除了可以浏览网页看新闻外，还可以进视频网站看视频新闻（从电视上录制上传到网上），也可以看电影等。从某种情况讲，电脑取代了电视，这也是中国拥有这么多网民的原因之一。网页多媒体的出现，使上网的功能更丰富，很多人除了上网聊QQ、玩游戏外，还可以进视频网站看视频，而这种视频正是网页多媒体的应用。本章来学习如何使用网页插入多媒体，学习本章，将会了解以下内容：多媒体的语法自动播放多媒体设置多媒体循环播放隐藏多媒体面板设置

2、开始时间音量的调节设置多媒体面板大小和外观11.1网页多媒体的基本语法网页多媒体标记可以播放Flash、Mid、Wav、MP3等格式的多媒体文件，最简单的用法就直接在标记中插入文件。其中多媒体标记用embed表示，embed标记的参数比较多，参数不同，对多媒体的控制不一样，如autostart表示自动播放，loop表示循环播放多媒体等。这些都建立在多媒体标记embed中。多媒体标记的使用，使网页内容从文字显示扩大到播放动画、视频和音乐等内容，首页在标记后，必需引入多媒体文件，保证多媒体路径正确，才可能在网页中正确显示，其语

3、法代码如下所示：其中=后的url表示多媒体的路径，相对路径和绝对路径都可以，要说明的是，网页可以支持多种多媒体样式，都是通过embed标记的src来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等。最基本的样式是通过embed引入一个多媒体文件，在指定的区域显示，下面代码11.1表示，在网页中引用一个MP3文件，使其在网页中播放出来。播放的前提是系统有没有WindowsMediaPlayer播放器，因多媒体文件的处理都是通过此播放器，本实例中的多媒体文件播放是由系统自带的Wi

4、ndowsMediaPlayer11播放器所支持的，WindowsMediaPlayer·136·播放器在安装系统时就存在了，只是因系统不同而版本不一样，在网页中播放多媒体文件效果如图11.1所示。代码11.1源代码第11章多媒体的基本语法.html下面是mp3文件：
在代码11.1中，在标记中

5、，加入多媒体标记embed，同时引入同目录下的mp3文件，表示在网页中引入多媒体文件并可以播放，在网页中表现出来效果如图11.1所示。图11.1多媒体的基本语法11.2设置自动播放当多媒体文件已引入到网页中时，如图11.1所示。网页载入完后，文件立刻播放，从而听到动人的音乐或看到惊动的视频，但并不是需要每载入完网页后就播放，可以设置进入是暂停状态吗？答案是可以的。标记默认的是自动播放，所以要设置载入页面时不自动播放，需要对参数autostart设置，autostart表示自动播放，其后可接true和false

6、，true表示打开自动播放，也是默认值，而false表示没有打开自动播放，当标记embed设置autostart时，且网页完全载入，多媒体不会自动播放，这样就达到上面的效果了。参数autostart可接二值，其自动播放的完整语法如下。autostart=true

7、false·137·参数autostart的功能表示音频或视频等多媒体文件是否在载入完之后就自动播放。值true表示音乐等文件在下载完之后自动播放；另一值false表示音乐文件在下载完之后不自动播放，默认值是true。与参数src一样，参

8、数autostart所接的值放在标记中，用来控制多媒体在网页中的播放，如下代码表示网页载入时自动播放：下面代码表示网页载入多媒体文件时，不会自动播放，只有当用户单击面板（播放时的功能菜单）中的“开始”按钮才开始播放，代码如下：并不是所有的多媒体文件都需要自动播放的，这时需要设置标记的自动播放参数，为了使

9、网页完全载入后不立即自动播放，设置autostart为false，表示不能自动播放，要想播放，只有手动单击“开始”按钮，代码11.2表示网页多媒体载入时的多媒体mp3文件，载入后，不会自动播放。代码11.2源代码第11章多媒体的自动播放.html