西班牙啤酒互动杂志广告 探索品牌故事 莫斯科耐克instagram营销活动 健身的那些朋友 日本药妆店AINZnTULPE互动装置 帮女性选化妆品 荷兰阿姆斯特丹同性恋游行营销活动 360游船 如何做一支恐怖广告,警告青少年.. 大众汽车逗逼营销 给汽车配音

吴亦凡即将入伍h5到底是怎么制作的?

2015-08-31

内容由大创意Pitchina整理并收录


卡巴斯基佬 全栈设计师

迈克司机、林瑶琪赞同

1 PC
flash实现
----------------------
2 移动端
分page
page1 也就是新闻的那一页是分开的dom 也是视频
花屏开始是全屏的视频
page2 接电话是图背景+按钮
page3 通话页面整个背景是视频,点击出现挂电话按钮,通话按钮的图在页面最上层

主要还是牛逼在idea,技术实现上不太清楚,带视频的多终端适配应该比较复杂
你想知道技术细节应该标签打前端开发


匿名用户

肖某人赞同

非前端,纯业余推测

这个H5广告应该存在两个版本,一个是手机端,一个是PC端,PC端是纯Flash实现的:

下面推测手机端的实现逻辑:
原生普通页面,呈现出腾讯新闻的娱乐频道页,腾讯娱乐频道页呈现出新闻(文字)+视频(内嵌播放器),然后转为Flash拉拽页面切换场景的效果,电话部分实际只有“接通”按钮可以使用,目的是为了跳转最后的通话视频。

实现逻辑并不难,厉害的是营销手段与广告创意,因而引发爆发型的传播。


Lee Ed 并不宅

傅晓东 赞同

同求!在Safari打开是没有效果的,因为Webkit禁止了视频的自动播放。估计是微信的一个自动播放视频接口,但并没有文档说明。


匿名用户

是蓝色光标的idea。


na yun

这两天这个微信简直在盆友圈火爆了,第一次打开还以为手机粗问题,瞬间吓尿!这个东东是有专门的app可以制作么?具体步骤怎样呢?


王晶

一种新的能让人转发炫耀的形式


看到这里,你可能都还觉得并没有说明白到底是怎么制作的。对啊,这篇文章的标题,是一个诚诚恳恳的问题,如果你知道,请你告诉我好不好?


···

-The End-

···

未经许可请勿转载,转载请留言联系大创意


评论(2)
请勿刷评论,否则禁号!
wangtingge 2015-10-27 14:47:36 回复
不适用
ypl7026 2015-08-31 17:31:56 回复
创意是不错,不过说实话,真的对准目标人群吗???对吴XX感兴趣的女生明显比男生多,而游戏主要还是针对十多岁到二十几的男生,,,
登录评论