HTML5 互动版

HTML5简介
什么是HTML5？ HTML5 是如何起步的？ 新特性 小节
HTML5 画布(Canvas)
什么是 Canvas？ DOM Canvas 对象 Canvas 标签 创建 Canvas 元素 使用 JavaScript 来绘制图像 Canvas 路径 Canvas 曲线 Canvas 渐变 Canvas 图像
HTML5 SVG
什么是SVG？ SVG 的优势 把 SVG 直接嵌入 HTML 页面 SVG 与 Canvas两者间的区别 Canvas 与 SVG 的比较
HTML5 拖放（Drag 和 Drop）
拖放定义 HTML5 拖放实例 拖动开始和设置拖动数据 放入位置 放置
HTML5 Video(视频)
Web站点上的视频 HTML5 (视频)- 如何工作 视频格式与浏览器的支持 video 标签 HTML5 video - 使用 DOM 进行控制 HTML5 video - 方法、属性以及事件
HTML5 Audio(音频)
Web 上的音频 HTML5 Audio - 如何工作 音频格式及浏览器支持 audio 标签的属性
HTML5 Web 存储
在客户端存储数据 localStorage 和 sessionStorage localStorage 对象 localStorage 对象实例 sessionStorage 对象 sessionStorage 对象实例
HTML 5 应用程序缓存
什么是应用程序缓存（Application Cache）？ HTML5 Cache Manifest 实例 Cache Manifest 基础 Manifest 文件 更新缓存 实例 - 完整的 Manifest 文件 关于应用程序缓存的说明
HTML 5 Web Workers
什么是 Web Worker？ 检测 Web Worker 支持 创建 web worker 文件 创建 Web Worker 对象 终止 Web Worker Web Worker 实例代码 Web Workers 和 DOM
  1. 全部教程
  2. HTML5
  3. HTML5
  4. HTML5 (视频)- 如何工作

Web站点上的视频

如需在 HTML5 中显示视频，您所有需要的是：

<video width="320" height="240" controls>
  <source src="video/movie.mp4" type="video/mp4">
  <source src="video/movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

< video > 元素提供了 播放、暂停和音量控件来控制视频。

　　同时 < video > 元素元素也提供了 width 和 height 属性控制视频的尺寸。如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会更加原始视频的大小而改变。

< video > 与 < /video > 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。

< video > 元素支持多个 < source > 元素. < source > 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。