Estoy agregando un video como fondo dentro del banner.

Estoy usando next.js y, por lo general, con las imágenes, simplemente las importaría y luego pasaría esta importación como src (por ejemplo, importar img desde '@images/about-us-page/img.svg').

Actualmente, cuando intento hacer lo mismo con el video mp4, no muestra el archivo dentro de los archivos disponibles para importar. Cuando uso require en su lugar, se queja de que es necesario configurar el paquete web.

¿Cuál es la forma más eficiente de importar videos? ¿Eso sería crear directorios de videos en público y luego solo hacer referencia?

¿La referencia pública para imágenes también sería una mejor solución que importar imágenes?

Saludos