User @laurentdesserre successfully used a simple http link to a .gifv file in a video widget to display a video. It works upon publishing and we know why: our modern browsers are smart and can play a .mp4 or .m4v file renamed in .gifv.
However Webflow seems to be fooled by it and won’t display it as a video.
For reasons I don’t fully understand, .gifv format is rising and if it’s not too much to ask, Webflow could support it in the designer.
Thanks for listening! (and thanks for the cursors!)
It’s been used before but gifv went maintream when the site imgur.com started using it. users were uploading a lot of gifs and that’s the less optimized format on earth. So imgur and other sites were converting gifs into m4v on the fly and served them as .gifv. For users, it was not noticeable. For sites, they would save up a lot of space and bandwith, providing users with a better experience, faster loading.
gifv is kind of a monster though, a weird thing. i’m still not sure my request for supporting this is valid. Yet this morning again I work with someone using gifv on webflow…
GIF format is optimized: it’s paletted and you can reduce the number of colors. It’s dirty, old, but that’s optimization.
HOWEVER the animated part is not at all optimized. Only a series of badly compressed images.
Video formats are hyper well optimized. For every new frame, only the changing pixels are registered, recorded. That’s why the gap between gifs animated and video is so important.
I know but you cannot insert them into a photo block, you’d need an html embed right?
Also, for html videos you’d need a database to store the video’s on such as dropbox or your own server if you have that.
From what i understand Gifv is usable in a photo block, is that right?
That’s why we need something. Adding inline, autoplay looping videos is cumbersome to make.
you add if for desktop, needing to generate 1 jpeg for poster, 4 video files, and create the HTML code. Also host the videos somewhere.
you hide it for mobile and replace it by a bad, big, shorter animated gif
then you’re not even addressing the fact that with Webflow the landscape tablet will point at the desktop breakpoint, ruining your effort to carry your animation on mobile. To address this, you need a redirection script and a duplicate of the page, for mobile.
If we had a widget for this, asking for seperated elements—jpeg, videos, animated gif— and dealing with the rest—html code with options such as min-width and height, option to serve only gif to mobile OSs without having to duplicate the page—it would be christmas before christmas.
Maybe I should have ask for that intead for this silly gifv support