Animated preview - how do I do this? Update: Variables in CSS?

[BarryCarlyon]

@hopelesssituationwar

is the source file of what you see when you hover over the video thumbnail in the “Videos” tab of a channel, is that correct? When I hover, the thumbnail changes from a still image to what looks like an animated gif-type looping image. How is this accomplished? I don’t necessarily want code written for me, just point me in the general direction, because I don’t even know what search terms to use to google it!

Create a div, where the div has the animated_preview_url as it’s background image.

Either

On mouse over, run a CSS animation that moves (background-position) the background image

or

On mouse over, run some Javascript to move the background image