CSS:层叠样式表（四）【多媒体和动画】

1、嵌入多媒体：

图像、视频、音频

(1)图像：

      A、把图像作为背景：background-image
	  
	  B、使用图像标签：<img src="图像名" alt="" width="" height="" />

(2)视频

	  A、视频格式：.mp4 .ogg  .webm
	  
	  B、视频标签：<video src="视频文件名" controls="controls"/>
	  
	        src：视频文件全路径名
			
	        controls：显示播放控制按钮
		
		    autoplay：自动播放(页面加载完成后)
		 
		    loop 的作用：循环播放    
	  
	        preload：页面加载时，预播放视频。若使用了autoplay则该属性忽略
			
			poster：当视频缓存不足时，按比例显示该属性指定的图像

(3)音频：

      A、音频格式： .mp3  .ogg  .wav  .avi	

      B、音频标签：<audio src="" controls="controls"><audio>	

          src：音频文件的全路径名

		  controls：显示播放控制按钮
		  
		  autoplay：页面载入完成后自动播放音频
		  
		  loop：循环播放
		  
		  preload：页面加载时，预播放音频。若使用了autoplay则该属性忽略
		  
	(4)source指定多个备用的音视频文件
	
	    <audio controls="controls">
		   <source  src="文件全路径名" type="文件类型">