Using videos in img html

Question

Referencing this article: https://cloudinary.com/blog/evolution_of_img_gif_without_the_gif

What is the compatibility situation with videos in img in 2020? I don't know what the name of the feature is called to look for in caniuse.

Now you can <img src=".mp4">s in Safari Technology Preview

Early results show mp4s in tags display 20x faster and decode 7x faster than the GIF equivalent - in addition to being 1/14th the file size!

Now we wait for the other browsers to catch-up

You should quote some of the relevant content from the article in your question, in case the link goes offline. Perhaps quote In the latest Safari Tech Preview, thanks to some hard work by Jer Noble, we can now use MP4 files in <img> tags. — byxor
– byxor, Commented Feb 7, 2020 at 13:17

Joel Lacerda · Accepted Answer · 2022-10-06 11:34:34Z

2

By today (Oct 2022), we still can only use <img src=".mp4"> on Safari. If you want to make MP4 files work like GIFs on other browsers, you might wanna use <video autoplay muted loop>.

answered Oct 6, 2022 at 11:34

Joel Lacerda

213 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Flimm · Accepted Answer · 2023-08-22 12:09:56Z

0

MP4: <img src="foo.mp4"> only supported in Safari
Animated GIF: <img src="foo.gif"> supported in all modern browsers
Animated WebP: <img src="foo.webp"> supported in all modern browsers

answered Aug 22, 2023 at 12:09

Flimm

154k49 gold badges282 silver badges295 bronze badges

Collectives™ on Stack Overflow

Using videos in img html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related