这么多牛逼的视频H5，到底是怎么做出来的呢？就意派Epub360来说，制作视频H5的流程通常都是这样滴：
第一步 准备好视频素材，用PS、AI、PR、AE等专业工具进行剪辑、后期特效合成等工作。
这部分发挥完全是靠派友们的专业能力，小编就不展开了...
第二步 前期辛苦完成的视频，只要一个步骤就能上传到意派Epub360里：
在这里，小编将同一支视频分别用腾讯视频和本地视频组件上传，预览效果如下：
腾讯视频组件相当于添加视频外链，所以会出现腾讯方面的广告以及清晰度等问题。强烈建议，上传的本地视频最好不要超过50m，否则容易导致H5打开后闪退、空白等情况。不过，仅仅了解这些基本的制作流程还不够，小编总结了市面上视频类H5的几种刷屏技巧：
魔性洗脑style
这股魔性风潮的起源，自然就是去年7月由腾讯TGideas出品、刷上天的H5《穿越故宫来看你》。在之前的六一特辑中，小编也提到过，说到这里，就必须要提下Epub360平台上神一般的设计师——magic（意派ID：三人游创意坊）就深谙此类魔性刷屏H5的套路。
这是magic大神为花椒直播创作的三支视频H5，充分把握了花椒作为直播平台“娱乐至上”的精髓，在H5中以酷炫闪瞎狗眼的特效画面，配上魔性洗脑的嘻哈RAP，本小编也就看了几百遍而已...
友情提示，画面较污 ，18岁以下的未成年禁止观看哦，老司机们请随意哈哈！
模拟微信场景
今年3月，两会期间央广出品的《王小艺朋友圈》H5，上线几小时立马冲破百万pv，着实可见用户普遍对模拟微信场景的接受程度较高，也更受欢迎。
为此，意派Epub360特意提供了综合型模版《秦孝公邀你进来群聊》，全面涵盖了模拟群聊和模拟朋友圈～除此之外，还有模拟手机通话、视频播放界面、公众号等...
3D黑科技
3D这种黑科技，在H5中早有尝试了，像《这可能是地球上最美的H5》，不仅克服了早期3D类H5饱受诟病的不流畅体验，且画面更为精致细腻意派的推荐设计师怪熊叔叔（意派ID：鱼刺创意）就耗费数月时间，精心打造出一支3D的 H5《口袋白鲸》。其实，这支H5只有最后一段采用了视频模式，前面均采取了意派特色的功能组件序列帧来进行播放。
这也体现出了视频的一个局限性，虽然视频在音画同步方面的体验较好，但终究只能作为纯视频进行观赏，缺少了与用户之间的交流互动，效果不好的话甚至会变成H5单方面的自嗨。而序列帧却能精确控制每一帧的触发动作，比如《口袋白鲸》中，用户可以通过不同手势来心触发白鲸进行相应的动作，这一点是视频所做不到的。
双视频切换
除了采用序列帧的方式加强与用户交流互动外，对于解决视频的交互性差的问题，腾讯、阿里等大厂们给出了自己的答案...穿越火线与品客联合出品的视频H5，通过长按点击屏幕中间的按钮来切换两支视频：
同时为了消除用户长按点击的枯燥感，还特意在长按后的视频中营造了一种”伪交互“的感觉。天猫出品的《地球上的另一个你》在本质上也是双视频切换的玩法，只是触发方式和上面两支不同，采用了重力感应的方式：
手机向上移动是一支视频，向下移动却是另一支视频，体现了理想与现实两种不同的生活方式。
互动游戏
自去年11月《活口》爆火之后，这种全新的交互式视频H5，以其强烈的用户代入感打破了过往视频H5弱交互的局限性，或将成为未来H5发展的一种新模式。
关于手机适配
如何完美适配市面上大部分手机，以确保苹果、安卓相同的用户体验，对于视频H5来说，这是个必须去解决的坑。为了解决视频适配的问题，意派Epub360上线了针对视频组件的填充模式和适配基准点设置。
最后勾选“微信ios首页视频自动播放”，H5中的视频就能自动播放啦。
关注更多H5设计、案例、资讯