火爆的吴亦凡H5是这么做出来的

打破屏幕的冲击力、微信视频通话的超真实交互、吴亦凡个人的明星效应，让这则H5成为了又一条经典的营销案例。

PC端请点击观看：http://wefire.qq.com/act/a20150826kris/pc/

手机端请点击二维码观看：

逼真的效果让网友惊呼如此高科技是怎么做出来的，这个案例是通过HTML5实现的，并没有什么技术难度。

【PC端】整体效果是通过一个Flash实现，引导到最后扫描二维码进入手机端观看，只是抛砖引玉的作用。

【手机端】使用的是HTML5的架构，就是我们经常在手机看到的可以全屏滑动效果的交互，只是之前都是静态的图片+文字的形式，这个案例是通过视频+H5交互的形式。整个内容是由2-3个视频素材组成，通过H5架构把这些视频素材衔接到一起。

其中最亮眼的微信视频通话，只是一个视频结束后，设置交互层，点击接通按钮直接播放下一个视频。

整个案例没有任何技术难点，只是每个视频衔接的地方需要前端技术依靠代码进行组合，对于一个了解H5的前端技术人员来说，不超过1天就可以完成整个效果。

视频本身没有太多创新之处，整个拍摄+制作普通的视频团队只要2-3天即可完成。但是将视频融合到H5交互中确实罕见，这样全新的交互方式用视频让H5变得更鲜活和生动，H5+视频的融合会迅速风靡起来。

无论是视频还是技术资深人员都对这个营销案例的创意赞不绝口，虽然单独H5架构和视频制作本身都没有任何技术难度，但是能如此鲜活的呈现在用户面前，让网友认为是一种全新的高科技，都是依赖于创意本身。

相信用不了多久，你我的朋友圈将会被这种H5+视频的组合方式刷屏了。