Html5视频标签无法在Chrome中使用

时间:2013-01-16 13:23:18

标签: html5

在W3school视频标签教程中,我检查了Chrome并且它工作正常,但我在项目中复制了代码并且无法正常工作。这是代码:

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

2 个答案:

答案 0 :(得分:1)

视频源网址必须指向托管此网页的网络服务器。它不适用于您当前所在的文件路径(指向本地计算机上的视频文件)。

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

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

答案 1 :(得分: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