网页设计与制作 课件 22 添加多媒体元素（音频和视频）.pptxVIP

;复习巩固;音频、视频等多媒体元素是现代网页不可或缺的一部分。

在游戏类网页中添加背景音乐来营造氛围，在新闻类网页中通过音频播报新闻让用户在忙碌时也能获取信息，此外还有专门的一些音乐类网站。

视频能传递丰富的信息，吸引用户注意力提高点击率。比如，产品演示视频，可以让用户快速了解产品特点，景点风光视频让用户更直观感受旅游目的地，网页版的短视频吸引了大量用户点击观看。

本任务学习音频与视频的相关知识，实现在网页中添加音频与视频元素。

;学习内容;在网页中嵌入的音频格式主要包括MP3、WAV、Ogg等;audio元素

用来定义播放音频文件

语法：audiosrc=”音频文件路径”controls=”controls”autoplay=”autoplay”loop=”loop”/audio;divid=music

audiosrc=./media/song.mp3controlsloopautoplay

您的浏览器不支持audio标签。

/audio

/div;兼容性处理;在网页中添加音频播放列表;视频格式;视频的嵌入与控制;div

videosrc=./media/movie.mp4width=400pxcontrolsautoplaymutedloop

您的浏览器不支持vid