Cthulhu
Administrator
- AKA
- Yop
I herd u liek gifs. But I dislike using the animated .gif format to embed videos, it's a terrible format to use, using 100 MB for a video that could be cut down to 5 or less.
Both imgur and (before them) gfycat tried to fixx this by trying to sell the fancy html5 video tag as some kind of 'gif like format'; imgur calls it "gifv" and embeds it like that on its site; saves them heaps in bandwidth (at the cost of having to convert gifs to videos).
Do the same for those on metered internets and mobile connections; use gifv instead of gifs. Only works with gifs hosted on imgur.com. Take the ID of the video (basically everything behind the last slash, or behind the last slash and the dot / extension) and chuck it in between [/PLAIN]
This is converted to:
and looks like:
i.e. a html5 video tag with two sources, a .webm format if your browser can play that (Chrome / Firefox / Opera), or the proprietary .mp4 / h.264 format (everything). If your browser can't play it, get a newer one, you're running at least five years behind. But, do let me know if it doesn't seem to work for you.
Unlike the gfycat one, this one shouldn't deform too much, I hope, and should work with edits and shit too. But, IDK, I've never used video tags before and don't know its pitfalls.
Anyone posting a .gif video hosted at imgur via
Both imgur and (before them) gfycat tried to fixx this by trying to sell the fancy html5 video tag as some kind of 'gif like format'; imgur calls it "gifv" and embeds it like that on its site; saves them heaps in bandwidth (at the cost of having to convert gifs to videos).
Do the same for those on metered internets and mobile connections; use gifv instead of gifs. Only works with gifs hosted on imgur.com. Take the ID of the video (basically everything behind the last slash, or behind the last slash and the dot / extension) and chuck it in between [/PLAIN]
This is converted to:
Code:
<video poster="//i.imgur.com/DGLfkZg.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline="" style="max-width: 100%; height: auto;">
<source src="//i.imgur.com/DGLfkZg.webm" type="video/webm">
<source src="//i.imgur.com/DGLfkZg.mp4" type="video/mp4">
</video>
and looks like:
i.e. a html5 video tag with two sources, a .webm format if your browser can play that (Chrome / Firefox / Opera), or the proprietary .mp4 / h.264 format (everything). If your browser can't play it, get a newer one, you're running at least five years behind. But, do let me know if it doesn't seem to work for you.
Unlike the gfycat one, this one shouldn't deform too much, I hope, and should work with edits and shit too. But, IDK, I've never used video tags before and don't know its pitfalls.
Anyone posting a .gif video hosted at imgur via