DR：真爱使命_H5案例分享

DR：真爱使命

2017-07-25 H5案例分享 H5案例分享

案例：真爱使命

出品：DR

亮点：

策划上，视频类，点击宝盒，回溯前生今世后开启视频，视频以漫画的方式呈现，freestyle也开始响起，讲述了一个男子受伤并把宝箱交给镖局后就牺牲了，镖局老板按照地址开始送货，之后一路的坎坷最后送到目的DR。
设计上，四格漫画风格，采用蓝色作为主色调，以镖局老板的视角讲诉了整个故事，故事从民国到现代，横跨的时间较长，故事情节比较完整。
技术上，里面的动态画面主要是采用带有x5-video-player-type，webkit-playsinline，playsinline等属性的Video视频来实现的。

技术实现： jQuery + swiper

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

识别图中二维码

真爱使命-查阅二维码

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