美赞臣:匠心御儿所

2018-10-13 H5案例分享 H5案例分享
美赞臣:匠心御儿所


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

识别图中二维码

匠心御儿所-查阅二维码

完整欣赏此案例大约需要3分50秒


案例:匠心御儿所

出品:美赞臣

亮点:

  1. 策划上,讲述美赞臣产品,通过一段3分41秒mp4格式的视频,视频播放过程中,会出现4个问题。视频讲述皇上来到御儿所,看皇子吵闹,出现问题如何哄小皇子;而后皇上查看皇子的学习情况,看皇子射箭,格格作画。总体描述不同年龄段喝不同的美赞臣奶粉。
  2. 设计上,卡通动画风格,主题元素选择皇上、皇子、格格和宫廷元素。
  3. 技术上,视频播放的过程中,绑定timeupdate事件,不断监听视频播放的当前时间currentTime,到指定的时间点,视频暂停,用户点选答案后,继续播放视频。



技术实现: video



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

360:选秀宫斗Plus升级

抖音:中秋吉时将至,朕要翻你牌

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~