Video preview for short news, how to finalize for mobile devices?

Question

Video

Hello! Guys, I need help in finalizing the code. The site has a video preview, when you hover the mouse, the video starts. There was a need to finalize the code for mobile devices, that is, when scrolling left or right, a preview should be launched. I've been scratching my head over this for a couple of days now, please tell me how to refine it or where to look for the answer.

[xfgiven_thumb]<img data-src="/uploads/thumbs/[xfvalue_thumb]" onmouseenter="this.src='/uploads/thumbs/[xfvalue_preview]'" onmouseleave="this.src='/uploads/thumbs/[xfvalue_thumb]'" alt="{title}">[/xfgiven_thumb]