Question

我想在我的项目中添加一个简单的视频。我使用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路径正常。我不知道问题出在哪里

Answer 1

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

Answer 2

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

requests

并使用此代码，视频应位于

url = 'https://api.data.world/v0/download/makeovermonday/2019w16'
headers = {'Authorization': 'Bearer my-token-from-https://data.world/integrations/python'}
r = requests.get(url, headers=headers)
with open('dataset.zip', 'wb') as f:
    f.write(r.content)

如果要将视频与HTML文件放在同一目录中，请省略 ../

Answer 3

如下所示将代码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指向正确的网址

HTML不在本地主机上运行视频

3 个答案: