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

Question

你好，我正在为css开发react项目和顺风，我有一个卡片列表，我想在每个卡中显示一个视频而不是图像。这段视频应该在我停留在卡片上时播放，但在此之前，我想不出如何在我搜索的卡片上显示vidéo，这是我找到的解决方案，但它没有显示任何内容。

     <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={视频}放在源标记中，我删除了路径的开头部分，但是这些解决方案都不适合我。有什么帮助吗？

Answer 1

好的，您不能访问src文件夹中的任何资产或组件。尝试将视频移动到src文件夹中。