考虑HTML结构

HTML5即是把原来<div>换成一些更特定的元素。能够更明确指示包含什么内容。

（页眉，导航，页脚，文章）

• article
• nav 导航
• header
• footer
• time
• aside 边框
• section 元素定义文档
• video
• code
• mark 标记
• audio 声音
• progress 进度
• meter 范围
• canvas 图像 动画
• figure 独立的内容
  
  就是这么简单而已

time元素

• 如果没有按标注

video元素

• controls属性 提供空间
• autoplay属性
• width,height=”288”
• src
• poster 类似于img的alt
• id
• preload 预先加载多少，可以设置为auto

• loop

• 各种浏览器支持不同的格式，所以只能这样保证大概率播放

  <video controls autoplay width="512" height="288">
  
   <source src="video/tweetsip.mp4" >
  
   <source src="video/tweetsip.webm">
  
   <source src="video/tweetsip.ogv">
  
   <p> Sorry,your browser doesn't support the video element</p>
  
   </video>