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

时间:2015-03-01 00:01:40

标签: html video

我想知道你是否可以帮我解决我的相关问题。我正在尝试将视频添加到我添加到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>

2 个答案:

答案 0 :(得分:0)

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

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

enter image description here

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

希望这有帮助。

答案 1 :(得分:-1)

试试这个:

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