做有态度的前端团队

网易FEG前端团队

标签 video 下的文章

  • 关于魅族机子自带浏览器下视频弹层无法关闭问题

    20170720更新 最近发现下文提到的解决方案有点问题估计是魅族系统有更新了。而且下文的demo地址已经无法访问。 新的解决方案如下(其实是按照下文的方案二来改的): 定位加transform来实现居中 .m-video-con{ position: absolute; top: 0; //这里是关键,设置50%时就关闭不了了 transform:translateY(100%); -webkit-transform:translateY(100%); } 新的测试地址:http://test.nie.163.com/lj/video.html 之前做移动端......

    CSS

  • 逐帧还是视频,如何选择

    前言 最近在做一个游戏技能展示的效果,效果一般都有3s左右,鉴于效果复杂度只能通过逐帧或视频来实现展示。既然有两种实现方式,如何选择呢?先来简单分析下: 逐帧 所谓逐帧,就是把动画帧导出为图片,然后再用代码把没一帧的图片按照一定的频率进行切换,达到动画重组的播放效果。以3s的动画,每秒26帧的速度来计算,需要72张图片才能实现。同理如果帧数要求越高,需要的图片就越多。难度主要涉及到图片素材处理、图片资源加载、逐帧播放不掉帧等等 视频 视频这个没什么好说的,关键是看怎么播放。因为要达到的效果是看起来像一个页面动画而不是视频播放,所以要求是表面上看不出是视频播放即可。最大的难点也在于此......

    JavaScript