考虑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>