视频类H5一般采用 jQuery + Video技术进行编程，今天我们推荐的三个案例同样来自这三种做法，更多精彩案例关注无非创意：wufaecy

一、一上班就想飞，其实你是...

创意定位，利用测试答题的形式，结合唯美创意动画视频，让用户在交互过程中，参与互动，引起共鸣，最后引导参与百雀羚在618期间的活动。策划上，测试答题+精妙动画视频+生成海报。用唯美的视频动画，引入故事场景；答题部分，用户点击答题，触发视频动画进一步展开，4道题，极其绚丽；最后，让用户输入一个名字，生成一张与用户相关的结果图，并且带回流二维码。海报页，有分享和参与京东618活动入口。设计上，画面根据剧情，从喧嚣城市无趣的黑白灰，转入远离城市，动画采用实物+倒影的形式，很绚丽，好看。过程中，有多次露出百雀羚的品牌、产品。体验上，感觉4道题有点少，意犹未尽。

二、比天气更热的是？

策划上，显示活动的时间等信息，页面下方有一个“趁热重演”按钮，引导用户再次观看体验。设计上，真人视频，真实感很强，搭配带感的音乐，用户体验良好；三个主角切换后的画面风格统一，没有违和感。体验上，视频处理是这个H5 最大的亮点，三个视频的切换流畅自然，表现当下年轻人的崇尚的“趁热·造热”活法，体验不一样的风格，走出去，释放自己的青春与活力，带给用户动感与活力。

三、足球巨星揭秘

策划上，三个球星，亨利、克雷斯波和卡洛斯分别对应三个不同的小故事，视频风格各异，但最后都以戏谑的方式转回到宣传的足球手游上。技术上，该案例交互很少，结构简单，使用 jQuery 实现交互细节。体验上，打开视频的第一感觉就是画面十分精致，光效，镜头都十分精美。故事的行进过程中也埋了很多对应人物的梗，让人在看过一遍之后还想会看的冲动。