和很多人一样，我喜欢在自己的站点用gif。可以非常好的突出某些功能。比如下面模仿 itunes的轮播
不过我们不得不面对一个问题，就是gif太大，像上面的图片，大概有 11.4mb。最近自己在阅读很多别人的文章时候，也发现，由于自己文章存在gif导致网站加载过慢。gif的使用了无损的算法，每一帧都是一张gif图片，这意味着在图片压缩时候，不会存在信息丢失，这也就是为什么gif这么大。
为了解决这样的问题，我们需要做一些事情。
感觉惊喜的是采用视频的格式mp4活着webM都所用的文件大小都小于使用无损压缩的 gif正因如此，一个解决方法就是，替换掉gif采用mp4活着webm格式的视频，使用自动播放和循环，这样让人会有gif的样子。
通过给video设置一些属性，我们可以让video去模拟gif播放的效果：
autoplay 自动播放，用户无需点击
loop 无限循环播放
muted 尽管gif没有音轨，但是ios自动播放还是需要设置这个属性
playsinline ios safari上确保视频不会全屏
poster 制定视频下载时候的显示的图片
如同下面这个 “视频” 居然 1m不到
原文来自:Jack Pu's Blog
声明：所有来源为“足球分析预测网”的内容信息，未经本网许可，不得转载！如对内容有异议或投诉，请与我们联系。邮箱：marketing@think-land.com
分享
根据身份证/手机号进行核验号码是否有涉险诈骗风险。
根据身份证/手机号/银行卡号核验号码是否有涉诈风险。
根据企业名称或统一社会信用代码等查询企业的相关招聘信息
根据姓名和身份证，查询核验登记婚姻状态。
最新新闻资讯简报，各类国内、国际、体育、娱乐、科技等资讯AI智能总结摘要及详细内容，适合各类AI Agent、穿戴设备进行资讯播报、阅读。
苏公网安备 32059002001776号
