WEB 用视频替换GIF动画

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>