2013-01-16 42 views
0

在W3school的视频标签教程上,我检查了Chrome浏览器,它工作正常,但我在我的项目中复制了代码,并没有奏效。以下是代码:Html5 video tag not chrome

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

回答

1

视频源URL必须指向托管此页面的Web服务器。它不适用于本地文件路径,例如您当前拥有的文件路径(指向本地计算机上的视频文件)。

所以一定要确保My_Passion.mp4文件是在Web服务器上,然后更改源,如下所示:

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

如果我想显示在本地主机上是否会工作或没有视频? –

+0

我使用笨 <视频宽度= “500” HEIGHT = “400” 控件> \t \t \t \t <源SRC = “<?PHP的BASE_URL()?>视频\ My_Passion.mp4” 类型=“视频/ MP4 “> \t \t \t \t \t \t \t \t –

+0

这将在本地主机上工作,如果文件在同一目录中的HTML/PHP文件。 –

0

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

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

您可以使用online video converter

+0

我发现有关Chrome支持mp4编解码器的文档存在冲突,它播放着我的mp4视频,我正在使用Chrome版本46.0.2490.80 –