首页 > 代码库 > 移动开发之用视频做背景

移动开发之用视频做背景

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

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

先裁图预览一下结果:

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

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

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

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