商务网页第10课.pptVIP

3.6 多媒体引用方法 多媒体是网页中的重要元素之一，尤其是影视类、游戏类商务网站中，多媒体的应用十分重要。 多媒体是指视频和音频，以及动画和图像。其中，图像在前面的章节中我们已经介绍过，本节不再重复介绍。而且图像的设置方法与视频、音频、动画区别较大，本节所指多媒体专指视频、音频和动画。 3.6.1 设置视频 设置视频需要使用视频标签video及其相关属性。 1．设置视频手动播放 设置视频手动播放，就是在浏览该网页时，引用嵌入的视频需要通过鼠标点击等手动干预才能播放。 设置视频手动播放，必须使用视频标签video及其“src”属性。为了控制视频显示的尺寸，建议使用“width”“height”属性。“controls”及“poster”（海报）属性一般也建议设置，以美化视频在没有播放时的界面。 设置方法为 video src=视频源文件名 widwh=像素值 height=像素值 controls=controls poster=海报图片名/ 2．设置视频自动播放 设置视频自动播放，就是在浏览该网页时，引用嵌入的视频自动播放，无须鼠标点击。 设置视频自动播放，必须使用视频标签video及其“src”“autoplay”属性。因为是自动播放，通常也同时使用“loop”属性。除此之外，还建议使用“width”“height”“controls”属性，而“poster”（海报）属性则没有设置的必要。 设置方法为 video src=视频源文件名 autoplay=autoplay widwh=像素值 height=像素值 controls=controls loop=loop/ 3．隐藏视频 隐藏视频，就是在引用视频时不要使用“controls”“poster”属性，即可实现。 html head title设置视频示例/title /head body background=img1.jpg font点击播放/font video src=move1.mp4 width=480 height=320 controls=controls poster=img2.jpg/video hr font自动播放/font video src=move2.mp4 width=480 height=320 controls=controls autoplay= autoplay loop=loop/video /body /html 3.6.2 设置音频 设置音频需要使用音频标签audio及其相关属性，也有使用embed\object标签的。本书建议使用audio标签。 音频标签audio的常用属性与视频标签vedio的属性非常相似 1．设置音频手动播放 设置音频手动播放，必须使用音频标签audio及其“src”属性。建议使用“controls”，方便浏览者可以点击音频播放按钮。 设置方法为 audio src=音频源文件名 controls=controls/audio 2．设置音频自动播放 设置音频自动播放，必须使用音频标签audio及其“src”“autoplay”属性。因为是自动播放，通常也同时使用“loop”属性。除此之外，还建议使用“controls”属性。 设置方法为 audio src=音频源文件名 autoplay=autoplay controls=controls loop=loop html head title设置音频示例/title /head body font点击播放/font audio src=song1.mp3 controls=controls/audio hr font自动播放/font audio src=song2.mp3 autoplay=autoplay controls=controls loop=loop /audio /body /html 3．隐藏音频 隐藏音频，在引用音频的时候不要使用“controls”属性，即可实现。 4．设置网页背景音乐 设置网页背景音乐，可以使用音频标签audio，也可以使用背景音乐标签bgsound以及embed标签。本书介绍audio标签及其使用方法。 使用音频标签audio设置背景音乐，其实就是隐藏音频，需要使用该标签的“src”、“autoplay”、“loop”属性。设置方法为： audio src=音频文件名 autoplay=autoplay loop=loop/audio html head title设置背景音乐/title /head body audio src=song2.mp3 autoplay=autoplay loop=loop/audio h3播放背景音乐的