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

Question

在 W3school 视频标签教程中，我检查了 Chrome，它运行良好，但我将代码复制到我的项目中，但它不起作用。这是代码：

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

Answer 1

视频源 URL 必须指向托管此页面的 Web 服务器。它不适用于您当前在其中的本地文件路径（指向本地计算机上的视频文件）。

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

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

Answer 2

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>

您可以使用在线视频转换器