title: How do I add alt text to a GIF that is actually a silent, looped, autoplay MP4 <video>?
body: <p>I have a <a href="https://biketoeverything.com/2018/01/01/tips-on-using-a-small-u-lock/" rel="nofollow noreferrer">few posts on my Wordpress website that have long GIF videos</a>. In trying to cut down on the huge size of these GIFs, I've converted them to MP4 videos and now use the <code>&lt;video&gt;</code> tag to display them, like so:</p>
  
  <pre><code>&lt;div&gt;
  &lt;video src="myVideo.mp4" autoplay="autoplay" loop="loop" muted="" playsinline="" webkit-playsinline="" width="600"&gt;
  &lt;/video&gt;
  &lt;p class="wp-caption-text"&gt;My caption that makes it look more like an img than a video&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My question is, what is the best way to add alt text like I would add on an <code>&lt;img&gt;</code> tag? These videos may be using a <code>&lt;video&gt;</code> tag, but really they're more like and image and should be able to have alt text. What would be best for screenreaders and what would be best for SEO purposes?</p>
  
  <p>Are there other ways to achieve my goal of smaller, more efficient GIFs that I'm not aware of?</p>