Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将mp4视频添加到html文档中_Html_Video - Fatal编程技术网

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

如何将mp4视频添加到html文档中,html,video,Html,Video,我想知道你是否能帮我解决相关问题。我正在尝试将一个视频添加到我添加到web服务器的html文档中。html文档与我试图添加的视频位于同一目录中。从逻辑上讲,我只是认为src应该是同一目录中的视频的名称。如果我只在服务器上添加视频名称或视频路径,则会得到相同的结果。我不确定下一步我能做什么来让它运行。这是我添加的src行,但仍然从服务器获得相同的结果。当我在pc上本地试用时,只要输入视频的名称就可以了 <video width="640" height="360" controls auto

我想知道你是否能帮我解决相关问题。我正在尝试将一个视频添加到我添加到web服务器的html文档中。html文档与我试图添加的视频位于同一目录中。从逻辑上讲,我只是认为src应该是同一目录中的视频的名称。如果我只在服务器上添加视频名称或视频路径,则会得到相同的结果。我不确定下一步我能做什么来让它运行。这是我添加的src行,但仍然从服务器获得相同的结果。当我在pc上本地试用时,只要输入视频的名称就可以了

<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="controls" autoplay="autoplay">
  <source src="./video.mp4" type="video/mp4" />
</video>

您的标记没有问题,我认为这是一个错误的URL,请确保您指向A)正确的目录或B)正确的请求URL

您可以通过在Chrome中打开developer tools并在“网络”选项卡中检查文件的标题来调试:

在上面的示例中,您可以看到请求是正确的,如果您检查您的头,您可能会看到404,这意味着您的文件没有找到

在加价方面,请尝试:

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

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


希望这有帮助。

“我得到了相同的结果”
-结果会是什么?你的标记很好,你一定指向了服务器上的错误位置-你是否尝试过使用web工具检查并检查视频是否在“网络”选项卡中找到?如果您引用的URL不正确,您可能会在该文件的请求头中看到404…我得到“找不到支持格式和MIME类型的视频”在我的其他浏览器上,我会看到一个空白的视频框,这很奇怪,因为播放器出现了,但没有视频。看到视频是唯一没有播放的东西,因为当我从我的网站输入路径时,视频没有播放,所以视频加载了,但没有播放?不,视频没有播放,不确定这是否是服务器端的问题。我已经检查了我的路径很多次,没有骰子。可能是服务器没有启用该视频类型吗?从服务器站点的事情,如果视频类型没有启用会阻止我看到我发布的视频吗?
<video width="640" height="360" controls="controls" autoplay>
   <source src="./video.mp4" type="video/mp4" />
</video>