雪津啤酒：这是一波有声音的表情包！慎点！

2017-03-23 H5案例分享 H5案例分享

案例：这是一波有声音的表情包！慎点！

出品：雪津啤酒

亮点：

策划上，视频类，郑凯端着一大堆礼物来了，点击神秘礼物，开启视频，手拿二维码的郑凯跳出来了，而后穿越成古人，用千里传音术将重要的事情告知大家：首先你要有一屏雪津啤酒，而后用手机扫一扫瓶盖，就有机会获得惊喜，喝雪津！喝雪津！快来喝雪津吧。
设计上，搞怪风格，采用黑色作为背景，郑凯的搞怪，令人捧腹大笑，现代装，穿越装，都很好玩哦
技术上，整体动画主要采用的是htnl5的Video，并采用Video的属性webkit-playsinline,playsinline，使其不跳出微信框；但是在适配上有些不太好，在有些手机下会有黑边。

技术实现： jQuery + Swiper + Video.js

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

识别图中二维码

这是一波有声音的表情包！慎点！-查阅二维码

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

标签