I've got a page with thumnbails that link to videos.

enter image description here

The thumbnails have a youtube style Play button. But I still only have 20% of folks clicking those. I want to make it clearer & more attractive.

So I'd like to add some sort of mouse over effect. I'm thinking maybe changing the mouse pointer to video frame or a play button.

Any thoughts?

  • What have you tried already? What is preventing your existing solution from working? You may find that the problem is not the icons/effects. Jan 17, 2023 at 15:53

1 Answer 1


The play button is generally what a typical user associates with starting a video so I don't think a mouse over effect will improve your engagement. Mouse effects are also a non-existent aspect for mobile users.

What might help stylistically is the way that the video previews are displayed. Users are used to video previews being in a rectangular shape when they are not within a masonry grid. Making your video previews the full width of the container (with the proportional height) and more rectangular should drive the message much more clearly that these are videos meant to be watched.

Another CSS/js effect you could try is slightly animating the play button on hover. A subtle bounce or a growth animation will tell the user that they are dealing with an interactive element and will encourage them to click on the play button. For example, if you hover over the video preview on this udemy course you will see that the play button grows, encouraging the user to click on it.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.