How can I embed the new GIFV format on my webpage?

html gif animated-gif
Jack picture Jack · Jan 3, 2015 · Viewed 8.7k times · Source

Normally I would embed a gif like so.

<img src="http://i.imgur.com/awHPuBp.gifv">

Although I get an error that the image could not be loaded.

I'm just wondering what mark up I will need to use so that I can display the GIFV.

GIFV is created by imgur and more information can be found here.

Answer

rekire picture rekire · Jan 3, 2015

I just checked that demo site. It seems that they just convert the video to a webm video (in case of Firefox). Check this file here which comes from the demo: http://i.imgur.com/A61SaA1.webm

So I would say you could also just use the <video> tag to embedd those "gif" files. I just guess that use a feature detection and a video converting logic. No idea what this nonsense should be for.

Related questions

Animated GIF in HTML5 canvas

In HTML5, how can I draw easily (no too much complex code please) an animated GIF in a canvas that works (with drawImage only first frame is shown in the canvas)

Read More
How to animate GIFs in HTML document?

I have the following <img> tag in a static HTML document. <img src="foo.gif" alt="This is an animated gif image, but it does not move"/> After I set its src attribute to point to …

Read More
Do <img> tags in html support animated gifs?

I am making a photo upload site, and began to wonder: Do <img> tags in html support animated gifs, and can they actually show animated gifs in their image? Also, if <img> tags don't support animated …

Read More