【问题标题】:How to display video in react js using jsx tags如何使用 jsx 标签在 React js 中显示视频
【发布时间】:2022-08-19 05:55:10
【问题描述】:

您好,我正在为 css 开发 react js 项目和 tailwind 我有一个卡片列表,我想在每张卡片中显示视频而不是图像。当我将鼠标悬停在卡上时应该播放视频,但在开始之前,我无法弄清楚如何在我一直在互联网上搜索的卡中显示视频,这是我找到的解决方案,但它没有'不显示任何东西。

     <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} 放在源标记中,我删除了路径开头的 / 但这些解决方案都没有为我工作。所以有什么帮助吗?

  • 我在这里没有看到任何明显的错误。您可以发布呈现的 HTML。这可能会揭示问题。

标签: html reactjs video jsx


【解决方案1】:

好吧,您无法访问 src 文件夹中的任何资产或组件。 尝试将视频移动到 src 文件夹中。

【讨论】:

    猜你喜欢
    • 2022-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-07
    • 1970-01-01
    • 2015-10-01
    • 1970-01-01
    • 2018-10-25
    相关资源
    最近更新 更多