如何将mp4视频添加到html文档中

Question

我想知道你是否可以帮我解决我的相关问题。我正在尝试将视频添加到我添加到Web服务器的html文档中。 .html文档与我尝试添加的视频位于同一目录中。从逻辑上讲，我只是认为src只是同一目录中视频的名称。如果我只是在服务器上添加视频名称或视频路径，我会得到相同的结果。我不知道我能做些什么才能让它运行起来。这是我添加的src行，但仍然从服务器获得相同的结果。当我在我的电脑上本地试用时，只需输入它的视频​​名称即可。

<video width="640" height="360" controls autoplay>
  <source src="http://serverIP_or_domain/location_of_video.mp4" type="video/mp4" />
</video>

或

<video width="480" height="320" controls autoplay>
  <source src="video.mp4" type="video/mp4" />
</video>

Answer 1

您的加价没有任何问题，我将此问题归结为错误的网址，请确保您指向A）正确的目录或B）正确的请求网址。

您可以通过在Chrome中打开开发人员工具并在“网络”标签中检查文件标题来调试此问题：

在上面的示例中，您可以看到请求没问题，如果您检查标题，您可能会看到404，这意味着找不到您的文件。

就Mark-Up而言：

<video width="640" height="360" controls="controls" autoplay>
   <source src="./video.mp4" type="video/mp4" />
</video>

这将在根目录中查找video.mp4，如果您有不同的文档结构，还可以指定更精确的内容：./public/media/my_video.mp4。

希望这有帮助。

Answer 2

试试这个：

<video width="480" height="320" controls="controls" autoplay="autoplay">
  <source src="./video.mp4" type="video/mp4" />
</video>