案例：放开那个姑娘，让我来！
出品：腾讯游戏 + Pringles品客薯片
亮点：
策划上，视频类。两个视频通过点击屏幕中央的按钮进行切换播放。① 不操作屏幕或松开按钮时，播放的是一个DJ用调音台和launchpad演奏的音乐，一个cosplay枪战王者里灵狐者的姑娘在“伴舞”，并且巧妙地融入了Pringles品客薯片；②按住按钮时，是一位姑娘与各类美食演绎的清新画面，其中也有品客薯片的元素；③ 视频播放完，在最后的页面，想去体验游戏可点击“下载游戏”，也可以选择分享。
设计上，cosplay+小清新，两个视频整个画面感皆与背景音乐节奏相呼应，并且小五发现，两个视频有些元素是相连的，如果用户跟着节奏来按屏幕中间的按钮，整个调调会变得十分酷炫！
技术上，整体动画主要采用Video视频。小五发现，这俩其实是一个视频，分为上下两部分，通过JS控制，不操作或者松开按钮时，显示上半部分，按住按钮时，显示下半部分。实现起来并不难，但是腾讯就通过这么一个小小的交互，做成了这么炫酷的效果。有些时候，难的不是技术，而是创意和设计。
技术实现： Zepto + Video
案例赏析链接：
在小五看来
视频分两种
一种是虐安卓用户的
一种是体贴安卓用户的
今天
小五还是体贴你们一下好了
...
以上为“H5案例分享”团队原创文章，转载请注明出处！
【视频】相关H5案例推荐：
【视频类】H5案例大汇总（干货精选）——大合集第二波
【视频类】H5案例大汇总（干货精选）——2016大合集第19波
【视频类】H5案例大汇总（干货精选）——2016大合集第33波
更多优秀H5案例见h5-share.com
1、本网站名称：源码村资源网
2、本站永久网址：https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
源码村资源网 » html5播放视频模板(html5播放分片视频)
2、本站永久网址：https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
源码村资源网 » html5播放视频模板(html5播放分片视频)
1 评论