Innisfree悦诗风吟：玩转#七彩泥膜术#

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

案例：玩转#七彩泥膜术#

出品：Innisfree悦诗风吟

亮点：

策划上，视频类，向下拖动拉环，曝出“玩转#七彩泥膜术#”的，而后按住提示图案不放，开启视频播放，视频以结合七彩泥膜独特的社交型化妆品特性的动态画面，在配上动感有趣的音乐展现出来，并且画面的展现与音乐的节奏配合的很好，很吸引人哦，最后在尾页显现出此次宣传主题：玩转#七彩泥膜术#，悦诗风吟火山七彩泥面膜。
设计上，插画风格，采用亮度稍暗的橘红色作为主色调，画面充满少女感，清新又浪漫。
技术上，这支H5主要采用带有playsinline，webkit-playsinline，x5-video-player-type，x-video-player-fullscreen等属性的Html5的Video视频来实现的~

技术实现： jQuery + Video

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

识别图中二维码

玩转#七彩泥膜术#-查阅二维码

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

标签