Html5视频标签在chrome中不起作用

Html5视频标签在chrome中不起作用,html,Html,在W3school视频标签教程中,我检查了Chrome,它工作正常,但我在我的项目中复制了代码,它不工作。代码如下: <video width="500" height="400" controls autoplay> <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/> </video> 视频源URL必须指向承载此页面的web服务器。

在W3school视频标签教程中,我检查了Chrome,它工作正常,但我在我的项目中复制了代码,它不工作。代码如下:

<video width="500" height="400" controls autoplay>
    <source src="C:\Users\Sunny\Desktop\My_Passion.mp4" type="video/mp4"/>              
</video>

视频源URL必须指向承载此页面的web服务器。对于本地文件路径(指向本地计算机上的视频文件),它不起作用

因此,请确保My_Passion.mp4文件位于您的web服务器上,然后按如下方式更改源:

<source src="My_Passion.mp4" type="video/mp4"/>

Chrome不支持.mp4视频编解码器。重新编码视频




您可以使用

如果我想在localhost上显示视频,该怎么办?我使用的是codeigniter,如果文件与HTML/PHP文件位于同一目录中,它将在localhost上工作。请确保使用前斜杠设置路径:
src=“/video/My_.mp4”
是的,我使用前向slahes设置路径,就像我看到的关于Chrome支持mp4编解码器的冲突文档一样,它播放我的mp4视频,我使用的是Chrome版本46.0.2490.80