商务网页第10课.pptx

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”属性，即可实现。htmlheadtitle设置视频示例/title/headbody 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/html3.6.2 设置音频设置音频需要使用音频标签audio及其相关属性，也有使用embed\object标签的。本书建议使用audio标签。音频标签audio的常用属性与视频标签vedio的属性非常相似1．设置音频手动播放设置音频手动播放，必须使用音频标签audio及其“src”属性。建议使用“controls”，方便浏览者可以点击音频播放按钮。设置方法为audio src=音频源文件名 controls=controls/audio2．设置音频自动播放设置音频自动播放，必须使用音频标签audio及其“src”“autoplay”属性。因为是自动播放，通常也同时使用“loop”属性。除此之外，还建议使用“controls”属性。设置方法为audio src=音频源文件名 autoplay=autoplay controls=controls loop=loophtmlheadtitle设置音频示例/title/headbody font点击播放/font audio src=song1.mp3 controls=controls/audio hr font自动播放/font audio src=song2.mp3 autoplay=autoplay controls=controls loop=loop/audio/body/html3．隐藏音频隐藏音频，在引用音频的时候不要使用“controls”属性，即可实现。4．设置网页背景音乐设置网页背景音乐，可以使用音频标签audio，也可以使用背景音乐标签bgsound以及embed标签。本书介绍audio标签及其使用方法。使用音频标签audio设置背景音乐，其实就是隐藏音频，需要使用该标签的“src”、“autoplay”、“loop”属性。设置方法为：audio src=音频文件名 autoplay=autoplay loop=loop/audiohtmlheadtitle设置背景音乐/title/headbody audio src=song2.mp3 autoplay=autoplay loop=loop/audio h3播放背景音乐的网页/h3/body/html3.7 滚动字幕制作方法HTML中，设置字幕的标签是marquee，但该标签已经在HTML 5中被废除了，而是采用脚本等其他方式制作滚动字