在 7 月份的 Mozilla 开发大奖赛 中展示你最酷的视频黑科技！

动态画面一直以来都吸引着人们。从最早的 走马灯 到如今的几百万美元大片，作为人类，我们对看到事物运动的关注远远超过了任何巧妙的文字或图像。长期以来，视频对网络来说是外来事物。好吧，并非外来事物，而是我们需要插件才能播放它们。随着新一代浏览器和 HTML5 的出现，我们现在有了<video> 元素，可以将视频原生嵌入网页中。这让我们可以做很多事情，例如

• 用 CSS 和 SVG 样式化视频元素
• 让视频与文档中的其他元素交互，反之亦然
• 使用 Canvas 从视频中获取帧并进行操作
• 创建无障碍视频，因为控件可以使用键盘操作，而无需我们编写该功能

使用这些工具，你可以做一些非常酷的事情。你可以

• 编写一个可以旋转和缩放视频的播放器 (GitHub 上的源代码)
• 构建你自己的 印第安纳·琼斯风格的地图 (GitHub)
• 将你的同事放进洗衣机
• 模拟绿屏
• 将 CSS3 和 SVG 滤镜和过渡应用于视频
• 将其他内容注入到视频中
• 将视频拉伸到整个屏幕
• 在 3D 环境中使用视频
• 允许用户截取视频的屏幕截图 (GitHub 上的源代码)

… 等等等等。

现在轮到你来向我们展示你可以用 HTML5 视频做些什么了！我们不希望你构建另一个 Wilderness Downtown 或 3 Dreams of Black，但我们非常激动能给你机会在 7 月份的 Mozilla 开发大奖赛 中大放异彩。

为什么不使用 CSS3 和 Canvas 重建 《神秘空间》的片头？为什么不让视频做戴安娜·罗斯在 Upside down 中提到的那些事情？为什么不在 Canvas 中构建一个视频裁剪工具？你怎么看待让封闭式字幕和字幕在 HTML5 视频中正常工作？有很多想法在流传 - 只需要一点动力和一个文本编辑器就可以开始了。所以，向我们展示你能做些什么吧！

有很多工具可以帮助你更轻松地使用 HTML5 视频。 Vid.ly 使得视频转换变得非常容易，Popcorn.js 是一个库，可以同步网页内容和视频，还有很多关于视频的 教程。

为了让你更有兴致并看到一些实际例子，我们将在 7 月 14 日举办一个 HTML5 视频网络研讨会，你可以提前提出任何问题 使用 Google Moderator。

让网页屏幕充满生机，我敢挑战你！我准备再次观看 天堂电影院 了。