{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/c55d030f9cbe4f69a23de92f71aee37a\" frameborder=\"0\" width=\"2304\" height=\"1728\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1728,"width":2304,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1728,"thumbnail_width":2304,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/c55d030f9cbe4f69a23de92f71aee37a-1689004628845.gif","duration":332.0333333333336,"title":"The Easiest Way to Create a GIF that Plays on Hover! 😄","description":"Hello! In this video, I'll be showing you the easiest way that I could find how to create a GIF that plays when you hover over it. I'll provide two examples to demonstrate the effect. You'll learn how to set up the parent element, add the necessary attributes, and tie everything together using JavaScript. I'll also share a tip on how to export the first frame of your GIF for optimal performance. So, let's dive in and start creating amazing GIFs that come to life when you hover over them! Enjoy and have fun experimenting! 🎥🔥"}