5.音频视频

音频

使用embed标记

• <embed> 标签定义外部（非 HTML）内容的容器。（这是一个 HTML5 标签，在 HTML4 中是非法的，但是所有浏览器中都有效）。
  

<embed height="100" width="100" src="song.mp3"></embed>

使用audio标记

• <audio> 元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。
  

• 语法:

  <audio controls autoplay look...>
      <source src="horse.ogg" type="audio/ogg">
     	<source src="young.mp3" type="audio/mpeg">
  </audio>
  

• 属性介绍:

  src属性: 规定要播放的音频的url
  controls属性: 在页面上显示播放的控件
  autoplay属性:音频自动播放
  loop属性: 循环播放
  preload属性:(设置了autoplay,此属性无效)视频在页面记载时进行加载,并预备播放。
  	属性值: auto（一旦页面加载，则开始加载音频/视频）
  		   metadata（当页面加载后仅加载音频/视频的元数据）
  		   none（页面加载后不应加载音频/视频）
  

视频

使用embed标记

• <embed> 标签的作用是在 HTML 页面中嵌入多媒体元素。
  

• HTML4 无法识别 标签。您的页面无法通过验证。

• 如果浏览器不支持 Flash，那么视频将无法播放

• iPad 和 iPhone 不能显示 Flash 视频。

• 如果您将视频转换为其他格式，那么它仍然不能在所有浏览器中播放。

使用video标记

• <video> 是 HTML 5 中的新标签。
  
  <video> 标签的作用是在 HTML 页面中嵌入视频元素。
  

• 语法:

  <video controls width="1000" autoplay loop>
      <source src="movie.ogg" type="video/ogg">
      <source src="咆哮.mp4" type="video/mp4">
  </video>
  

• 属性 :

  width 和 height属性: 控制视频的尺寸
  src属性: 规定要播放的音频的url
  controls属性: 在页面上显示播放的控件
  autoplay属性:视频自动播放
  loop属性: 循环播放
  preload属性:(设置了autoplay,此属性无效)视频在页面记载时进行加载,并预备播放。
  	属性值: auto（一旦页面加载，则开始加载音频/视频）
  		   metadata（当页面加载后仅加载音频/视频的元数据）
  		   none（页面加载后不应加载音频/视频）
  poster属性:(poster="url") 用于在视频下载时显示的图像(海报图片),或者在用户点击播放按钮前显示的图像
  			
  

知识来源于网上