网易新闻：这个镇魂街freestyle我觉得可以

2017-08-04 H5案例分享 H5案例分享

案例：这个镇魂街freestyle我觉得可以

出品：网易新闻

亮点：

策划上，生成类的案例；在屏幕上半部分插入视频，而下半部分插入供用户选择的选项；在用户选择完所有的选项后，点击“生成你的态度freestyle”将生成一段与之前选项相关的一段文案，供用户分享，评论。
设计上，漫画风格，采用网易与镇魂街片尾的红为主色调；文字是白色的，很显眼，配合播放的视频与选择的内容彼此呼应。
技术上，里面的视频采用的是带有webkit-playsinline，playsinline等属性的Video视频。

技术实现： JavaScript

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

识别图中二维码

这个镇魂街freestyle我觉得可以-查阅二维码

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

标签