网易：葫芦娃毁童年新番

2017-11-04 H5案例分享 H5案例分享

案例：葫芦娃毁童年新番

出品：网易

亮点：

策划上，以介绍网易倩女幽魂手游和葫芦兄弟的合体玩法。第一遍小五是没有看明白，就看到网易老大丁磊的出境了，萌萌的形象。第二遍细看时，首先以街头小书摊为开始，引入“葫芦娃大战丁磊”，丁磊同学此时化名为丁三石，总是通过搞笑的形式，丁三石和葫芦娃一场大战后，引入了网易的倩女幽魂手游，还反复强调了合体的玩法，当然中间还夹杂着网易其他品牌的露出。
设计上，漫画风，因为全程几乎都是视频，都以画质不太佳，估计是主要强调的故事情节。
技术上，全程用了一个视频，视频3分8秒。通过故事情节的推进，中间暂停了视频几次，添加了交互效果，例如滑屏，点击，长按。这样处理挺好。因为如果多个视频，有可能iphone下视频切换会延迟和黑屏的现象，这样一个视频，中间暂停，有效的避免的这种情况的发生。不过视频还是蛮大。

技术实现： jQuery

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

葫芦娃毁童年新番-查阅二维码

完整欣赏此案例大约需要3分46秒

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签