如何在react js中使用jsx标签显示视频

Question

你好，我正在react js项目和css的顺风上工作，我有一个卡列表，我想在每个卡中显示视频而不是图像。当我悬停在卡片上时，视频应该播放，但在此之前，我无法弄清楚如何在卡片上显示视频，我一直在互联网上搜索，这是我找到的解决方案，但它不显示任何东西。

<video className={`object-cover w-full h-full rounded border-4 border-solid `} >
<source
src={`/../../assets/videos/video.mp4`}
type="video/mp4"
className={`object-cover w-full h-full rounded border-4 border-solid `}
/>
</video>

我试图在SRC中使用require，我试图导入视频，然后将SRC ={video}放在源标签中，我删除了路径开头的/，但这些解决方案都不适合我。有什么需要帮助的吗?

Answer 1

你不能访问SRC文件夹外的任何资源或组件。尝试将视频移动到SRC文件夹中。