WEB 用视频替换GIF动画

Posted 2021-03-07 Ajanuw

• 原文
• download ffmpeg

gif to video

转化后文件大小大大降低

$ ffmpeg -i my-animation.gif -b:v 0 -crf 25 -f mp4 -vcodec libx264 -pix_fmt yuv420p my-animation.mp4
$ ffmpeg -i my-animation.gif -c vp9 -b:v 0 -crf 41 my-animation.webm

用视频替换GIF img

浏览器不会猜测哪个<source>最佳，因此的顺序很<source>重要。例如，如果您首先指定MP4视频，并且浏览器支持WebM，则浏览器将跳过WebM <source>并改用MPEG-4。如果您希望<source>首先使用WebM，请先指定它！

<img src="./demo.gif" alt="" />
<br />
<video src="./demo.webm" autoplay loop muted playsinline></video>