I have a list of videos linked to a custom code widget on the CMS. I want them to trigger the play on hover, but turns out that only triggers the FIRST video in the list.
What I want to achieve is trigger the play on hover and on mouseout pause it and reset the time to the beginning of the video again, so it always matches the image and the first frame of the videos.
The only way all of them work is when “autoplay” is set in the custom code widget, but then all the videos in the page are playing at the same time and it kills the performance. Having 6 to 10 videos playing at the same time in a webpage is not good practice at all…
I followed this thread to achieve the result How to play a video on hover? but as I said it only triggers the first video.
Is there a solution/workaround here? Help would be much appreciated.