为动画内容使用视频格式

我的网站上有一个 gif 图像，我像这样添加了它并且它正在工作。

<img src="assets/images/banner-gif.gif" alt="hero-banner" class="bannerImg">

现在我在PageSpeed Insights上检查网站性能，然后我收到消息

为动画内容使用视频格式

然后我尝试了下面的代码，但它不起作用。

  <video autoplay loop muted playsinline>
    <source src="video.webm" type="video/webm">
    <source src="video.mp4" type="video/mp4">
    <img src="assets/images/banner-gif.gif" alt="hero-banner" class="bannerImg">
</video>

你能帮我解决这个问题吗？