<source src="medias/WoWeiZiJiDaiYan-AD mp4"type="video/mp4"> <source src="medias /WoWeiZiJiDaiYan-AD webm type="video/webm> <source src="medias/WoWeiziJiDaiYan-AD ogv" type"video/ogv"> 您的浏览器不支持vdeo元素 /video> <h1>播放音频</h1> <audio controls> <source src="medias/GeGe-ChangShilei mp3"type="audio/mp3"> <source src="medias/GeGe-ChangshileL ogg"type="audio/ogg"> 您的浏览器不支持audo元素。 </audio> </center> 三、 video和 audio的属性 video元素和 audio元素的属性大致相同。 3.lsrc 元素介绍: src属性用来指定媒体数据的URL地址 3. preload 元素介绍: 该属性中指定视频或者音频是否进行预加载。如果使用预加载 浏览器将会预先将视频或者音频进行缓冲,这样可以加快播放的速度。 因为在进行数据播放时,可能数据已经缓冲一部分或者缓冲完成。 preload属性值有三种: (1)none:表示不进行预先加载。 (2) metadata:表示只预先加载媒体的元数据,主要包括媒体 字节数、第一帧、播放列表、持续时间等信息 (3)auto:表示预加载全部视频或音频。该值是默认值, 7《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ labs. 51xueweb cn7 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <video> <source src="medias/WoWeiZiJiDaiYan-AD.mp4" type="video/mp4"> <source src="medias/WoWeiZiJiDaiYan-AD.webm" type="video/webm"> <source src="medias/WoWeiZiJiDaiYan-AD.ogv" type="video/ogv"> 您的浏览器不支持 video 元素。 </video> <h1>播放音频</h1> <audio controls> <source src="medias/GeGe-ChangShilei.mp3" type="audio/mp3"> <source src="medias/GeGe-ChangShilei.ogg" type="audio/ogg"> 您的浏览器不支持 audio 元素。 </audio> </center> </body> </html> 三、video 和 audio 的属性 video 元素和 audio 元素的属性大致相同。 3.1src 元素介绍： src 属性用来指定媒体数据的 URL 地址。 3.2preload 元素介绍： 该属性中指定视频或者音频是否进行预加载。如果使用预加载， 浏览器将会预先将视频或者音频进行缓冲，这样可以加快播放的速度。 因为在进行数据播放时，可能数据已经缓冲一部分或者缓冲完成。 preload 属性值有三种： （1）none：表示不进行预先加载。 （2）metadata：表示只预先加载媒体的元数据，主要包括媒体 字节数、第一帧、播放列表、持续时间等信息。 （3）auto：表示预加载全部视频或音频。该值是默认值