estoy trabajando en un proyecto con React. Quiero que a través de un form el usuario pueda subir unas img y un video. Las img las estoy trabajando con una librería que se llama filepond. Pero me parece que no sirve para videos, así que estoy buscando la forma de poder subir los videos y que el usuario pueda hacer una previsualización del video que eligió. El preview puede ser un video corto o una thumbnail.
Alguien conoce alguna forma en que podría hacerlo? Por ahora solo encontré unas soluciones para videos que vienen desde url externas. Este es el pedacito de código donde estoy intentando subir el video:
<div className='uploadVideo'>
<input
className="videoInput"
id="fileid"
placeholder='Puedes sumar videos'
name="video"
type="file"
accept="video/*"
onChange={handleChange}
required
/>
<div className='confirmVideo'>
{videoUrl && (
<img alt='' src={videoUrl} />
)}
</div>
</div>
Gracias.