html - 如何从 FileList 中的视频中获取预览图像？HTML 反应

Question

我正在处理这种情况

 {currentFile.type.includes('video') ? (
      <video
        width='auto'
        height='400'
        src={URL.createObjectURL(currentFile)}
        controls={'controls'}
      >
        Your browser does not support the video tag.
      </video>
    ) : (
      <img
        src={URL.createObjectURL(currentFile)}
      />
    )}

所以这是可行的，因为如果我上传视频，我可以像观看图像一样观看它，但我想以图像的形式显示视频预览。像whatsapp这样的东西！

看看当您将视频放到 Whatsapp Web 上时，您可以看到它，然后您可以看到像预览一样的图像！，您知道如何达到这种行为吗？谢谢！

标签： htmlreactjsimagevideo