熬熬熬熬，终于到了这周最后一天了。

抖抖抖抖，抖音又来搞事了。

 

案例1

视频交互：世界名画抖抖抖抖起来

 

世界名画是在墙上待的寂寞了吗？出来卖萌、耍帅、秀人脉。画面简直是辣眼睛，。

可是大家居然着了魔一样跟着抖起来了，不信，就来一探究竟吧。

 

 

长按识别马上体验

 

 

 

品牌方：抖音

标签：抖音；视频；名画；视频全景；

 

抖音通过这支魔性的 H5，征集抖音达人们拍摄出现名画相关元素的抖音视频，还将各大名画糅合并加以变形，加上奇怪的姿势，再描上抖音的的主要元素，让这视频抖的慌。

 

 

继续“按住换一张”，进入“蒙拉丽莎热到剪头发”，看着她第一天剪的美美的刘海，到了第二天却张牙舞爪的待在脑门上，无论怎么吹都达不到满意的效果，最后背景音乐响起了周董的歌“为什么这样子？”这不是广大刘海控的心声吗？

 

 

接下来轮到拿破仑了，他的马居然不见了，胯下出现一条二哈。果然，傻二哈就会给自己加戏啊——接到铅球，却砸向了屏幕。视频就结束在屏裂的状态了。简直要被玩坏了！

 

 

最后一则就是由海伦娜·弗尔曼领衔主演的“名画圈的大V都来了”，大家打着响指依次出现在屏幕里，欢乐的抖动，魔性十足！

 

 

 

案例2

视频答题：抖音,找啊找啊找爱豆

 

 

品牌方：抖音

标签：抖音；视频；答题；明星大V；

 

找爱豆，视频中的人是吴莫愁与岳云鹏吗？难道吴莫愁好几天都不洗头发？岳云鹏这么萌？用户可通过视频内容来判断是否是他们本人。答对后便闯过一关。只是这说的六关在哪儿？于是揣着好奇下了个抖音。

 

长按识别马上体验

 

 

 

 

 

 

 技术上，里面人物动作主要采用的是带有webkit-playsinline，playsinline，x5-video-player-type，x-webkit-airplay， x5-video-player-fullscreen，x5-video-orientation等属性的Video视频，里面的弹幕主要采用的是CSS3的animation动画。

 

【案例截屏】

 

 

 

扫描或长按识别二维码添加客服微信