html5播放视频模板(html5播放分片视频)

  案例:放开那个姑娘,让我来!

  出品:腾讯游戏 + Pringles品客薯片

  亮点:

策划上,视频类。两个视频通过点击屏幕中央的按钮进行切换播放。① 不操作屏幕或松开按钮时,播放的是一个DJ用调音台和launchpad演奏的音乐,一个cosplay枪战王者里灵狐者的姑娘在“伴舞”,并且巧妙地融入了Pringles品客薯片;②按住按钮时,是一位姑娘与各类美食演绎的清新画面,其中也有品客薯片的元素;③ 视频播放完,在最后的页面,想去体验游戏可点击“下载游戏”,也可以选择分享。

设计上,cosplay+小清新,两个视频整个画面感皆与背景音乐节奏相呼应,并且小五发现,两个视频有些元素是相连的,如果用户跟着节奏来按屏幕中间的按钮,整个调调会变得十分酷炫!

技术上,整体动画主要采用Video视频。小五发现,这俩其实是一个视频,分为上下两部分,通过JS控制,不操作或者松开按钮时,显示上半部分,按住按钮时,显示下半部分。实现起来并不难,但是腾讯就通过这么一个小小的交互,做成了这么炫酷的效果。有些时候,难的不是技术,而是创意和设计。

  技术实现: Zepto + Video

  案例赏析链接:

  在小五看来

  视频分两种

  一种是虐安卓用户的

  一种是体贴安卓用户的

  今天

  小五还是体贴你们一下好了

  ...

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

html5播放视频模板(html5播放分片视频),html5播放视频模板(html5播放分片视频),html5播放视频模板,模板,文章,视频,第1张

  【视频】相关H5案例推荐:

  【视频类】H5案例大汇总(干货精选)——大合集第二波

  【视频类】H5案例大汇总(干货精选)——2016大合集第19波

  【视频类】H5案例大汇总(干货精选)——2016大合集第33波

  更多优秀H5案例见h5-share.com

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » html5播放视频模板(html5播放分片视频)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论