Video play on hover

Hello all.

I want to show video previews of a list of videos when the mouse pointer hovers over the video.

Since there’s not that event in the handlers of the video component, can I do this in the On hover event of the block containing the video?

If yes, which property in the video component should I set?

Thanks.

Hello @giovanny_padilla!

Yes, you can implement video previews that way.
Here’s how it can be done using the Custom Code block (System->Advanced->Custom Code):

On Mouse Over Event of the block that contains the video:


The custom code you need to add:

On Mouse Out Event of the block that contains the video:


The custom code you need to add:

Result:
video-preview

Regards,
Alexander

Hello Alexander,

Thank you very much for taking the time to show me that. I know very little of coding, so I was unable to use the custom code before.

I did exactly what you show me, except that I add a new argument to show the specific video of the list, and it works perfectly.

What an excellent tool you’ve created.

Regards.

2 Likes