网页不播放视频

Question

我正在为我的本地PC创建一个HTML页面作为乐趣，并希望实现一个视频播放器。我寻找如何做这件事，并找到了一些我申请到我的网页：

<video width="400" controls>
  <source src="Videos/test.mp4" type="video/mp4"><source>
</video>

我甚至尝试嵌入源属性：

<video width="400" src="Videos/test.mp4" controls></video>

最后，两者都会创建一个带有play按钮的视频帧，但是什么都不播放。即使我单击“播放”按钮，也不会对我的单击做出任何反应。

​

​

有人不知道为什么吗？

Answer 1

我认为这是因为您使用了两次<source>标记。你不能使用空的<source>。它应该是：

<video width="400" controls>
  <source src="Videos/test.mp4" type="video/mp4">
</video> 

参考资料：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

Answer 2

尝试这样做，如果src路径不正确，它可能会工作。

Videos/test.mp4 => /Videos/test.mp4

  <video width="400" controls>
      <source src="/Videos/test.mp4" type="video/mp4"><source>
  </video>

Answer 3

在获取视频文件时，您应该检查DevTools (F12)网络选项卡中是否有任何错误。也许你的答案就在那里。

很可能，这与您在[src]属性中输入的文件路径有关。

来自https://www.w3schools.com/tags/att_video_src.asp

可能值：

指向另一个网站的绝对URL (如src="http://www.example.com/movie.ogg")

• A相对URL -指向网站内的文件(如src="movie.ogg")

)。