移动开发之用视频做背景

以前只听说过用图片做背景，没有听说过用视频还可以做背景的。这不，前几天就真有这样的需求。于是急忙在网上查资料，发现国外还真有这么玩的。

现在摘过来给大伙参考一下，说不定还真会有用得着的时候呢。

先裁图预览一下结果：



图上的视频是从w3c 上下载的，非常小的一段mp4，然后用canvas 写了一句话： Animation over video !

这句话是浮在视频之上的，而且视频播放，文字会动，视频暂停，文字也暂停，做到浑然一体的感觉。

有兴趣的可以去这里下载源文件：https://github.com/bjtqti/xxt/tree/master/canvas-video

我只在ipad，pc 上做了测试，安卓上对video支持不太好，暂时放弃了。