天猫：天猫理想生活狂欢节

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

案例：天猫理想生活狂欢节

出品：天猫

亮点：

策划上，视频类，加载完毕，进入用户眼帘的是老式胶片唱机，上面放着五张胶片碟片，分别是“玩物立志”、“乐活绿动”、“无微不智”、“独乐自在”、“人设自由”，随意点开某个唱片，出现相应的产品视频说明。
设计上，漫画风格，采用紫粉色作为主色调，色彩整体比较明艳，画面充满想象力。
交互上，这支H5案例由五个小视频组成，操作简单，也没复杂的逻辑，容易上手。
技术上，视频主要是采用带有webkit-playsinline，playsinline，x-webkit-airplay等属性的Video来实现的。

技术实现： JavaScript + Video

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

识别图中二维码

天猫理想生活狂欢节-查阅二维码

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

标签