We love cinemagraphs. It’s why we've spent the last 3 years building the world’s easiest cinemagraph creation apps. While we’ve come a long way, we’re constantly looking for ways to improve our software and services so that photographers, videographers and digital marketers can be even more creative with their cinemagraph projects. Nothing makes us happier than to read comments from our community about cinemagraphs that used to take hours or days in complex photo-editing or special effects programs – now only taking minutes in Cinemagraph Pro.
While some Cinemagraph Pro users immediately export their work, many of our artists also upload their cinemagraphs to share on the web. Think of your Flixel gallery as a combination of YouTube for HD cinemagraphs and your own online cinemagraph portfolio. As an example, check out 3000+ cinemagraphs that our 2014 featured artist Alexandre Miguel has uploaded to his gallery.
Sharing Cinemagraphs, Now as Easy as Creating Them
Once your cinemagraph is uploaded to your account, it’s super easy to share it on the web, on a WordPress blog, on Squarespace, or pretty much anywhere. Every cinemagraph that’s uploaded to flixel.com has a unique embed code. Our embed code works just like a YouTube embed, but, it enables HD auto-loop and autoplay functions while making your cinemagraphs look fantastic on any device and in any browser.
Here's how to embed a cinemagraph on a website:
1. Select the cinemagraph you want to embed on your flixel.com profile
2. Click Embed and copy the code snippet
3. Paste the code snippet into a web page editor. It'll look something like this:
<div class="flx-embed"><div style="position:relative; height:0; padding-bottom:56.25%; width:100%"><iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" src="https://media.flixel.com/cinemagraph/xgkznbl602ojbye6ij3f?hd=true" frameborder="0" allowfullscreen></iframe></div></div>
4. You're done. That's all there is to it. Your embedded cinemagraph will autoplay and loop on all devices and browsers.