如何将 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

试试这个：

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

Answer 2

您的 mark-up 没有任何问题，我认为这个问题不正确 URL，请确保您指向 A) 正确的目录或 B)正确的请求 URL.

您可以通过在 Chrome 中打开开发人员工具并在“网络”选项卡中检查文件的 headers 来调试它：

在上面的示例中，您可以看到请求没有问题，如果您检查 headers，您可能会看到 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.

希望对您有所帮助。

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

How do i add mp4 video into html document

html

video