Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 560
Jack Avatar asked Jan 03 '15 16:01

Jack


People also ask

How do you embed a GIF in a Web page?

To start, navigate to the page where you want to place the file. Select the (+) Insert Content icon in the editing menu, then upload the GIF into your Media Library, either by uploading it off your computer or pulling it from a URL. Then all that's left to do is press Insert, and the GIF will appear on the page.

How do you put a GIF in HTML?

Animated images in HTML are an image on a web page that moves. It is in GIF format i.e. Graphics Interchange Format file. To add an animated image in HTML is quite easy. You need to use the <image> tag with the src attribute.


1 Answers

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.

like image 172
rekire Avatar answered Oct 25 '22 05:10

rekire