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