How can I implement video loading in a Woocommerce product when hovering over a product?

Question

WordPress

Good day to all!
There is a catalog of goods, each product has a video.
Is it possible to make it so that when hovering the mouse over a product (hover) in the product catalog, the image of the product changes on the video from the same product?
There are plugins that display them only in the description, or in the product card, but I haven’t found anything else like this, how is it possible to implement this?

Answer 1

Ajax to the rescue, the task is completely trivial

Answer 2

plugin

Answer 3

With a banal jQuery code, you catch the mouse hover event in the image thumbnail area.
Then, when hovering, send an ajax request to the server and take the link from the video
Replace the block with the thumbnail with the received video
Start playback...