奥迪：奥迪英杰汇贺中秋
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分15秒
案例：奥迪英杰汇贺中秋
出品：奥迪
亮点：
1. 策划上，以中秋为主题，首先是中秋的月亮，配6个人物（奥迪英杰汇的成员）和奥迪汽车的剪影；点击“去赏月”，进入2.5D的城市，不同的城市景物配合不同的奥迪英杰汇成员，老爷子马未都配茶馆、江疏影配购物商场、马龙配体育馆、杨澜配幸福小区、张亚东配音乐厅、黄轩配电影院，每次停顿到对应的城市景物，还可以点击看对应英杰汇成员对大家的祝福，有视频也有音频；最后还有抽奖环节。
2. 设计上，2.5D画面，以奥迪汽车贯穿整个画面，画面细节很耐看，很有奥迪的档次。
3. 技术上，动画使用的是CSS3的transform。视频video部分对iphone和安卓机兼容很好，做到了同层播放，同时也考虑到微信H5安卓机多视频播放时容易出问题，做到了不同的终端采用不同的技术实现方式，让用户看到相同的视觉体验。
技术实现： vuejs + video
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
