HTML 不在 localhost 上运行视频答案

【问题标题】：HTML dont run video on localhostHTML 不在 localhost 上运行视频
【发布时间】：2019-09-07 20:24:12
【问题描述】：

我想在我的项目中添加一个简单的视频。我使用 aurelia 作为前端和 webpack。当我在基本 html 文件（不在本地主机上）中打开视频时，视频可以完美运行，但是当我在项目中输入相同的代码时，视频不会加载。

我的 webpack.config 文件如下所示

{
  test: /\.(mov|mp4)$/,
  use: [
    {
      loader: 'file-loader',
      options: {
        outputPath: "src/"
      }
    }
  ]
}

我要加载视频的html看起来像这样

<video width="500" height="350" controls playsinline autoplay muted loop>
  <source src="../dalifinal2.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

src 路径没问题。不知道是什么问题，谢谢

【问题讨论】：

您的视频是否从您本地主机上的 HTML 文件中正确定位在 ../dalifinal2.mp4 上？
是的 imgur.com/GOs6D2C 这是图片，它给了我建议，所以我确定是的

标签： html webpack

【解决方案1】：

将您的代码Your browser does not support HTML5 video. 更改为Your browser does not support the video tag. 如下所示，然后重试

    <video width="500" height="350" controls playsinline autoplay muted loop>
        <source src="../dalifinal2.mp4" type="video/mp4">
         Your browser does not support the video tag.
    </video>

确保您的视频 SRC 指向正确的 URL

【讨论】：

你好 kelvin，谢谢你的消息没有显示，是的，视频 src 指向正确的 url imgur.com/GOs6D2C
这不是答案
@boris 确保您的浏览器支持 HTML 5 或尝试其他项目，因为我在此处发布的代码在我的项目中运行良好。
如果它没有上传到本地主机上，它在我的工作。我想知道我是否需要在本地主机上编码视频或做一些事情。桌面上的静态工作正常，但是当我尝试添加到使用 webpack 构建的项目时，视频不起作用

【解决方案2】：

您没有正确的目录，请尝试使用此<source src="dalifinal2.mp4" type="video/mp4">，因为您的电影位于/src 根目录中

【讨论】：

GET localhost:8080/dalifinal2.mp4 这是我得到的，我认为它可能没有上传到主机上？
您需要将 HTML 视频类型添加到您的 webApp 中，例如 this page

【解决方案3】：

../ 将 URL 指向一个目录，因此假设您的 HTML 文件位于

 localhost/html/index.html

并且使用此代码视频应该在

localhost/dalifinal2.mp4

如果您希望视频与 HTML 文件位于同一目录中，则省略 ../

【讨论】：