¿Cómo mostrar el ícono de reproducción cuando el mouse se mueve sobre la imagen?

1. Utilice un script (js o jquery) para implementar:

Mostrar la capa del botón de reproducción (div) durante el movimiento del mouse y ocultar la capa del botón de reproducción durante el movimiento del mouse.

2. Implementado en css:

: La pseudoclase de desplazamiento agrega estilos especiales a los elementos cuando el mouse está sobre el cursor.

El siguiente es un pequeño caso que hice (implementación de CSS), que es relativamente simple y proporciona una idea.

El código fuente se adjunta solo como referencia.