百度网盘：韦小宝升升升升升职记
案例：韦小宝升升升升升职记
出品：百度网盘
亮点：
- 策划上，视频类。这是由百度网盘为宣传本公司的品牌所打造的一款宣传h5。这款h5总共分为三个阶段。① 宝盒得来之因。天外飞仙，乾坤宝盒到达韦小宝之手，欲知后事如何，请听下回分解。② 宝盒大显神威。分别以“康熙南巡”、“河东狮吼”、“后宫秘史”、“王牌卧底”四个回合进行讲述乾坤宝盒给韦小宝带来的好处和机遇，从而才能使韦小宝不断的升升升。用户可选择自己喜欢的回合进入观看。用户在经过两个回合视频观看之后，可选择继续观看其他的两个回合视频，也可点击屏幕中的“揭秘乾坤”，直接进入到揭秘视频中。③ 宝盒强势揭秘。康熙皇帝好奇韦小宝为何现在怎么会这么强，韦小宝借此将宝盒与百度网盘相结合，从而将宝盒即百度网盘的强势之处进行一一展现，进而达到宣传的目的。末尾处，有可分享的按钮，也有可直接下载网盘的链接按钮。
- 设计上，手绘漫画风格。① 浅黄色的背景色与黑白色内容色相结合，凸显出一种历史沧桑感，搭配古语解说，古风十足。② 红色在黑白内容色中的点缀，增加了几分生机与活力。③ 人物肖像的浮夸表现配上幽默的故事情节，搞笑十足。
- 技术上，视频内容的播放采用html5中的Video标签技术实现，其中所用到的Video标签属性有：“poster”、“playsinline”、“x-webkit-airplay”、“x5-video-player-type”、“x5-video-player-fullscreen”等。
技术实现： jQuery + Video
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分10秒
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
