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

【问题标题】：Html5 video tag not working in chromeHtml5 视频标签在 chrome 中不起作用
【发布时间】：2013-08-27 17:37:53
【问题描述】：

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

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

【问题讨论】：

标签： html

【解决方案1】：

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

所以请确保 My_Passion.mp4 文件在您的网络服务器上，然后按如下方式更改源：

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

【讨论】：

如果我想在 localhost 上显示视频，它是否可以工作？
我正在使用 codeigniter
如果文件与您的 HTML/PHP 文件位于同一目录中，它将在 localhost 上运行。
确保使用正斜杠设置路径：src="<?php base_url() ?>/video/My_Passion.mp4"
是的，我使用正斜杠来设置路径，例如

【解决方案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>

你可以使用online video converter

【讨论】：

我看到有关 Chrome 支持 mp4 编解码器的冲突文档，它播放我的 mp4 视频，我使用的是 Chrome 版本 46.0.2490.80