Ayuda con hoverlay en video

Que tal busque en el foro pero no encontré información solo horverlay de imagenes, quiero poner un video en una pagina y quiero ponerlo en un recuadro de uno 300 x 300 y cuando pase el mouse por encima que me de una vista previa del video como si tomara una parte del video y lo reprodujera en bucle o en gif animado pero es parte del video, algo que ya lo tiene la mayoria de las webs como youtube y otras, de antemano agradezco quien me pueda ayudar en decirme o pasarme un codigo que me deje hacer eso

saludos, hay una forma, suponiendo la legitimidad de tus videos, osea que son tuyos, y dispone de un editor de video, no le sera dificil guardar un mini video en formato gif
- despues de tener el video normal, una imagen captura fija (jpg ó png) y un gif. subelos a sus respectivos lugares:
el video en youtube, o donde prefieras... y las imagenes en https://www.paginawebgratis.es/images.php (es importante que tengan las mismas dimensiones, para no tener que crear codigo innecesario)
- paso dos:
ve a tu kit de html en la web e inserta esto en donde estara la preview:

*tenga en cuenta las comillas dobles y simples, es facil no verlas y borrarlas..
LINK = aqui debe poner la pagina o subpagina donde estara su embed del video.
imagenfija = aqui estara la imagen fija, jpg o png (son los formatos soportados por pwg) y son los que se veran al entrar a la web y soltar el mouse.
imagengif = aqui pon la imagen gif es la que se vera al pasar el mouse.

si aun asi subiste una imagen de distinto tamaño, o lo quieres cambiar en un futuro, es facil agregar en style="border:5px solid red;width:300px;height:300px;"

guarda y listo, ya me contaras.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com