神州专车 X 神州租车 X 浦发银行信用卡：赵瑞龙居然现身澳门赌场！

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

案例：赵瑞龙居然现身澳门赌场！

出品：神州专车 X 神州租车 X 浦发银行信用卡

亮点：

策划上，视频类，借助《人民的名义》热播浪潮，开发的一支创意视频类H5；① 打开页面是一幅有着澳门赌场之感的画面；② 而后点击屏幕，视频开始播放，这时《人民的名义》赵瑞龙扮演者——冯雷从远处颇具气势的走来，坐在赌桌的座位上，然后侍者开始发牌，众人在牌桌上上演了一场惊心动魄的厮杀，依次抛出浦发银行白金信用卡、神州租车白金卡、神州专车白金卡，但是最后都被冯雷以一张神州御驾黑卡给秒了；③ 视频结束，来到结尾页，在尾页点击下方棕色按钮即刻办卡，还能永免年费。
设计上，电视剧风，整体色彩偏暗，营造一种神秘紧张、低调奢华之感，里面的人物演技都很棒，牌桌上众人的较量，让人看得很过瘾。
技术上，视频主要采用Html5的带有x-webkit-airplay， webkit-playsinline，playsinline，x5-video-player-type，x5-video-player-fullscreen等属性的Video来实现的。

技术实现： jQuery + Video

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

识别图中二维码

赵瑞龙居然现身澳门赌场！-查阅二维码

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

标签