Welcome to the MyGaming GIFV (aka HTML5 video) Alpha

[Jan]

My idea for supporting GIFV on the forum seems to work (sort-of).

I've tested in Safari, Chrome, and Firefox and one of the videos I tested with didn't seem to want to load in Firefox.

Please give it a spin and let me know what your experience is.



To use, wrap the direct URL of the videoset without a file extension in gifv tags, like such:

[gifv]http://i.imgur.com/c6tDqZM[/gifv]

(This is the code that inserted the above GIFV of the cat into the post.)

Notice that the .gifv extension is left off. This is because of limitations in the forum software that I had to work around.

Some technical details:

The [gifv] tag actually generates an HTML5 video tag with a WEBM and MP4 source. This means that older browsers that don't support HTML5 video probably won't know what the heck is going on when they hit this tag.

It also means that our new [gifv] tag could technically be used for any HTML5 videoset that uses the same basic format as GIFV, such as Gfycat.

Everyone actually seems to be doing the same thing to try and "fix" GIFs. Imgur just has better PR (on this forum anyway)

The [gifv] tag is slightly optimised for Imgur, so if ya'll want a generic tag for this type of emerging moving image "standard", or a specific one for every service, let me know and I'll see what I can make happen.

Here's an example of a video embedded from Gfycat using the new gifv tag:

[gifv]http://zippy.gfycat.com/DisastrousHealthyGreatdane[/gifv]

[MetalSoup]

Awesome! Thanks for this, Jan!

[Jan]

Awesome! Thanks for this, Jan!

Pleasure! Wheeeeeeeeeeeeeeeeeeeeee!

[Crzwaco]

I can't get my Gfycat html5 gif to work am I doing it wrong?

[gifv]http://gfycat.com/FrailHeavenlyIberianlynx[/gifv]

[MetalSoup]

I can't get my Gfycat html5 gif to work am I doing it wrong?

[gifv]http://gfycat.com/FrailHeavenlyIberianlynx[/gifv]

Yes you are.

[Jan]

I can't get my Gfycat html5 gif to work am I doing it wrong?

Yeah Gfycat looks like it's going to be tricky. You have to find the direct links to the videos. In this case it means using the "giant" subdomain:

[gifv]http://giant.gfycat.com/FrailHeavenlyIberianlynx[/gifv]

You can do this by going to the Gfycat's page, then using your browser's built-in developer tools to look at the URL used for the video.

Unfortunately Gfycat uses all kinds of different subdomains (I've seen "giant" and "zippy" so far) and doesn't seem to offer a direct link option in its share/embed menu like Imgur does.

Also: HOLY #*&*! That's a 14MB video that autoplays! These threads are going to need to come with either warnings or restrictions.

[Crzwaco]

Yeah Gfycat looks like it's going to be tricky. You have to find the direct links to the videos. In this case it means using the "giant" subdomain:

[gifv]http://giant.gfycat.com/FrailHeavenlyIberianlynx[/gifv]

You can do this by going to the Gfycat's page, then using your browser's built-in developer tools to look at the URL used for the video.

Unfortunately Gfycat uses all kinds of different subdomains (I've seen "giant" and "zippy" so far) and doesn't seem to offer a direct link option in its share/embed menu like Imgur does.

Also: HOLY #*&*! That's a 14MB video that autoplays! These threads are going to need to come with either warnings or restrictions.

A okay so that was the extension they where talking about. You get firefox and chrome extionsions that take you to the direct links but apperently it breaks all kinds of pages.

Was wondering about the sizes.

[Jan]

A okay so that was the extension they where talking about.

No, imgur uses a .gifv extension in its "direct link" URL. That needs to be left off.

Gfycat uses subdomains but makes it very difficult to find the direct link, unfortunately.

[Mister 44]

Let's see if this works for me:

[MetalSoup]

Gfycat uses subdomains but makes it very difficult to find the direct link, unfortunately.

Actually it's very easy. Just right click the video and click "Copy video URL" in Chrome, or "Copy video location" in Firefox.