视频在 H5 游戏中的应用

前言

游戏中如果需要使用一些预先录制好的动画，动画格式可以选择 gif 文件和视频文件，视频文件和 gif 文件相比，size 更小（相同质量，gif 文件比 mp4 文件大５倍以上）。

如果视频能在 canvas 中或者 webgl 中播放，这样视频可以和其它游戏元素整合，实现以前需要很复杂的方式才能实现的功能，比如在一个旋转的 3D 立方体中播放视频。

当前主流的浏览器 chrome，使用 U4 2.0 内核的 app（包括 UC 浏览器，手淘，支付宝，钉钉等）都支持视频在 canvas 中播放。

javascript 实现视频在 canvas 中播放

视频在 canvas 中播放，可以更好地和其它游戏元素整合，主要步骤如下（完整源码参考附件 video_canvas.html）：

１．创建后台视频

var video = document