阿里健康：一条有故事的线

2017-06-19 H5案例分享 H5案例分享

案例：一条有故事的线

出品：阿里健康

亮点：

策划上，618视频类，长按开启人生故事线，将一个小女孩有出生、长大、上学、恋爱等的成长历程用一根线不断地幻化勾勒，继而引出与人一声相伴的主要因素——健康，自然而然的过渡到阿里健康618健康进化论，想了解更多信息的小伙伴，请点击尾屏天猫会场直达即可去了解更多信息。
设计上，简笔画风格，采用橘黄色作为主色调，用一根线勾勒出不同的场景，再配上合适的配音，简洁中透着精致。
技术上，一条线不懂幻化勾勒的动画采用的是带有playsinline，webkit-playsinline，x-webkit-airplay，miuicontrols，x5-video-player-type，x5-video-player-fullscreen等属性的Html5的Video视频。

技术实现： JavaScript

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

识别图中二维码

一条有故事的线-查阅二维码

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

标签