最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。
传统的精灵动画：
磁盘空间大，下载慢，尤其是在线播放，会更慢
文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常
因此，急需开发了一套技术，用视频代替精灵动画。我们称这种视频叫做交互视频
传统视频的问题：
传统视频，只能在方块形的区域中播放
传统的视频，在iPad下是窗口播放，在iPhone下面，只能全屏播放
传统的视频，播放的时候，一定会出现在最前端
交互视频具有如下特点：
在iPhone下面，不需要全屏播放，可以在一个区域中播放
交互视频可以出现在普通图形对象的下面
交互视频可以带有蒙板，这样可以去掉视频的背景，让视频和普通图形对象融为一体
总结：单纯播放用的视频，我们就将其设置为传统视频。而需要用于特定用途的视频，我们就将其设置为交互视频。
其研究已经初步有成果了，顺便总结下几年移动H5开发中音频与视频遇到的实际问题及给出自己的解决方案
看下最后实际效果：兼容PC（>IE9） ，iphone，ipad， 安卓5.0
解决了iphone上，手动、自动、窗口化等问题，基本能用于实际生产了
右边是原视频mp4文件
左边视频代替了动画，然后支持背景蒙板效果，能够透出底图，支持一系列的交互操作
H5 audio音频
每次通过 new Audio 一个音频对象，在IOS上可以看到会产生一个新的线程，这个很恶心
解决方案：new Audio一个对象，通过替换不同的音频地址，达到不多开线程的目的
在安卓上支持不给力
解决方案：低版本安卓上的问题没解，一般是混合开发都是可以调底层接口处理的，比如 phonegap
iphone上不能自动播放
解决方案：iphone上自动播放，是IOS设计的的时候做的一个处理，貌似是为了防止自动盗用流量吧
简单来说，需要模拟用户手动去触发才可以，所以我们需要在最开始调用这样一段代码：
这是我项目上的，我就直接扣过来了
//修复ios 浏览器不能自动播放音频的问题 在加载时创建新的audio 用的时候更换src即可
Xut.fix = Xut.fix||{};
if (Xut.plat.isBrowser && Xut.plat.isIOS) {
