vivo智能手机：柔光照亮运动激情

2016-08-12 H5案例分享 H5案例分享

案例：柔光照亮运动激情

出品：vivo智能手机

亮点：

策划上，视频类。载入完毕进入页面后，会提示“光线有点暗”，此时长按屏幕下方可以“点亮柔光”，视频也会开始播放，当用户松开手，视频会暂停。长按约6秒后，用户松开手指，视频也能自动播放。播放完毕，最后的页面是vivoX7的宣传页，点击下方立即预约就能跳转到预约链接。
设计上，模拟了微信文章与朋友圈等元素，但在视频中这些元素都是活的，都能与视频主角“宁泽涛”进行互动。背景音乐活力十足，视频中的动画效果清新而炫酷。目测宁泽涛会再一次刷屏朋友圈！
体验上，本以为多多少少会有卡顿，但在小编刻意选择的某问题机型中都看不到。整体一气呵成，很流畅，宁泽涛的高颜值加上炫酷的效果，是一个很养眼的H5。小编正在考虑准备出个舔屏教程，大家有兴趣咩？

技术实现： jQuery

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

识别图中二维码

柔光照亮运动激情-查阅二维码

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

标签