QQ浏览器：你妈喊你过年回家相亲了吗？

2018-02-24 H5案例分享 H5案例分享

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

识别图中二维码

你妈喊你过年回家相亲了吗？-查阅二维码

完整欣赏此案例大约需要2分50秒

案例：你妈喊你过年回家相亲了吗？

出品：QQ浏览器

亮点：

策划上，视频类，loading完毕，进入一段2分35秒的视频。内容：工作在一家年终奖特别多公司的艾美丽，居然没有一个男朋友，家里老妈不停地安排相亲，相亲对象一个个的都是奇葩，三根头发的土豪、沙县小吃还要AA的男人、一眼直视不到的霍比特人…今年过年计划同斯佳丽东南亚十日游，惨被抛弃，艾美丽无奈继续相亲…(相亲过程发生了什么，小五不再剧透)视频结束，屏幕出现三个按钮，引导用户分享、再看一遍或者进入QQ浏览器。
设计上，使用了混搭风格，模拟微信录屏、暴漫表情、弹幕等等都使得视频颇具喜感；夸张的语言，引人发笑。
交互上，点击屏幕，视频继续播放。
体验上，小五体验发现，在视频中，技术小哥哥与侍者讨论红酒产地一段，视频画面与语音配不上，语音有延迟，调整一下会更好；最近这种类型的H5特别多，搞笑、有趣，比较吸引用户，如果H5中再多一些互动，小五认为会更好。

技术实现： jQuery+video

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

标签