抖音：找啊找啊找爱豆

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

案例：找啊找啊找爱豆

出品：抖音

亮点：

策划上，视频类，找啊找啊找爱豆，视频中的人是吴莫愁、岳云鹏与吴克群等等吗？难道吴莫愁好几天都不洗头发？岳云鹏这么萌？用户可通过视频内容来判断是否是他们本人，答对后便闯过一关，答错就GAME OVER了。
设计上，写实风格，采用玫红色和薄荷绿作为主色调，色彩鲜明，色调较亮，音乐充满魔性，画面也比较搞笑。
技术上，里面人物动态主要采用的是带有webkit-playsinline，playsinline，x5-video-player-type，x-webkit-airplay， x5-video-player-fullscreen，x5-video-orientation等属性的Video视频，里面的弹幕主要采用的是CSS3的animation动画。

技术实现： jQuery + Video

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

识别图中二维码

找啊找啊找爱豆-查阅二维码

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

标签