最新解决方法，可点击这里查看。
最近做一个HTML5的活动页面，需要在页面内播放视频，并有交互动作。之前，可以在video标签内写上 webkit-playsinline 属性就可以不全屏播放，但是现在在部分Android手机和小屏的iPhone上已经失效了，看了下优酷和土豆，在Android上播放都默认全屏打开。据说在腾讯自家域名以及在白名单内的网站（比如前段时间很火的吴亦凡HTML5以及最近的穿越故宫来看你），视频可以不全屏播放。
这里有个腾讯X5专区的提问：关于微信内video标签播放视频自动全屏的提问
如果在页面内放一个隐藏的video，然后video播放再通过canvas渲染出来，看起来的确可以，但是在部分手机上video只要一播放，还是会全屏打开，而且在Android设备，video播放会置顶与任何标签之上， 所以这个方法依然不行。
方案一、通过jsmpg插件来解码video，但是这个插件好像只能解码mpeg的格式视频，而且还有一些文件编码限制，具体点击这里查看github。通过测试，在Android和ios设备均可播放，而且jsmpg提供了几个实用的Api， 不过通过js去解码视频，可能会很消耗性能。
var canvas = document.getElementById('canvas'); var player = new jsmpeg('fox.mpg', { canvas: canvas, loop : true });01.
02.
03.
04.
05.