.mp4 文件无法在 chrome 中播放答案

【问题标题】：.mp4 file not playing in chrome.mp4 文件无法在 chrome 中播放
【发布时间】：2014-09-27 16:58:48
【问题描述】：

我想在我的网站上展示一段视频。我创建了一个 .mp4 文件并使用 HTML5 视频标签将其添加到 html 中。

问题是它没有在 chrome 中显示。我也想知道如何一次又一次地重播它。

【问题讨论】：

显示你到目前为止做了什么？添加一些代码。
我也有同样的问题。在 chrome 上，它不播放 mp4 视频。在 Firefox 上，确实如此。这是我的 HTML 代码：<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> btw，我同意上述评论。您的问题需要更多信息。您应该发布您使用的确切代码、版本号以及您是否在其他浏览器上尝试过。你提供的信息越多，你得到的帮助就越多。我在 Windows 7、64 位上使用 Chorme 36.0.1985.125，并使用 firefox 31。
... 上面的视频编码如下：H264-MPEG-4 AVC (part 10) (avc1)。所以看起来 Chrome 不再支持 H264 了。然而，在我所见的任何地方，所有网站都说 chrome 支持这种格式。去图吧。
在我的案例中发现了问题。原来是CSS问题。我在样式表中使用了overflow: hidden。由于某种原因，这使 Chrome 无法显示视频！当我删除它时，它现在显示没有问题。所以它与视频格式或编码无关。这只是一个浏览器 CSS 样式问题。

标签： html google-chrome html5-video

【解决方案1】：

在遇到同样的问题后 - 以下是我的一些想法：

由于 Chrome 删除了对 h264 的支持，在某些机器上，mp4 视频用它编码要么不起作用（当在 Firebug/Network 选项卡下查看 - 与提交的问题一致此处），或使浏览器崩溃，具体取决于编码设置
不一致 - 这完全取决于安装的编解码器在计算机上 - 虽然我没有在我的机器上遇到这个问题，我们确实在发生问题的办公室里有一个（因此我们用这个来测试）
可能与 Quicktime / divX 设置有关（机器在问题的 Quicktime 版本比我的本地版本旧 - 我们虽然不想丢失我们的测试电脑，所以我们没有更新它）。

由于它只影响 Chrome（其他浏览器与 VideoForEverybody 解决方案一起工作正常），我使用的解决方案是：

为每个 mp4 文件创建一个 Theora 编码的 mp4 文件（example.mp4 -> example_c.mp4）应用以下js：

if (window.chrome)
    $("[type=video\\\/mp4]").each(function()
    {
        $(this).attr('src', $(this).attr('src').replace(".mp4", "_c.mp4"));
    });

不幸的是，这是一个糟糕的 Chrome hack，但是，至少它有效。

来源：user: eithedog

这也有帮助：chrome could play html5 mp4 video but html5test said chrome did not support mp4 video codec

还可以在此处查看您的 crome 版本：html5test

【讨论】：

用ffmpeg -i input.mp4 -vcodec h264 output.mp4重新编码视频文件解决我的问题
@Alston，您解决的问题不清楚。请张贴清晰的代码，说明我应该将它们放在哪里。
@ChristianLuneborg ffmpeg 是一个命令行实用程序。 ffmpeg.org你可能需要谷歌一个快速教程来安装它

【解决方案2】：

这开始是为了尝试将视频从我的电脑投射到电视（带字幕），最终使用 Chromecast。我最终陷入了这种“不播放mp4”的境地。但是，我似乎已经证明 Chrome 可以播放（完全相同）mp4，只要它不包含在 html(5) 中所以这就是我所构建的。我在 localhost 下创建了一个网页，其中有一个 default.htm，其中包含：-

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video  controls >
 <source src="sample.mp4" type="video/mp4">
 <track kind="subtitles" src="sample.vtt" label="gcsubs" srclang="eng">
</video>
</body>
</html>

视频和字幕文件与default.htm存储在同一文件夹中

我有最新版本的 Chrome（今天早上刚刚更新）

当我在 Chrome 浏览器中键入适当的 localhost... 时，会出现一个带有“GO”箭头和经过时间栏、静音按钮和“CC”图标的黑色方块。如果我按下 go 箭头，则什么都不会发生（它不会更改为“暂停”，经过的时间不会移动，并且计时器停留在 0:00。没有错误消息 - 什么都没有！

（请注意，如果我输入 localhost.. 到 IE11 视频播放！！！！

如果我在 Chrome 中输入 sample.mp4 的光盘地址（即 C:\webstore\sample.mp4 那么 Chrome 会正常播放视频？。

这最后一点可能是 Chromecast 的有效解决方案，只是我看不到任何字幕。我真的想要一个带有工作字幕的解决方案。我只是不明白 Chrome 中播放 mp4 的两种方法有什么不同

【讨论】：

同样的情况，你能找到带字幕的可行解决方案吗？

【解决方案3】：

遇到同样的问题，我通过在 iMovie 中使用默认 mp4 设置重新转换文件解决了这个问题。

【讨论】：

听起来不错，但对于没有 Mac 的人，您能否将这些设置包括在内，以便其他视频编辑者可以尝试？

【解决方案4】：

我也有同样的问题。我将编解码器更改为 H264-MPEG-4 AVC，视频开始在 HTML5/Chrome 中运行。

转换器中选择的选项：H264-MPEG-4 AVC，VLC 播放器中可见的编解码器：H264-MPEG-4 AVC（第 10 部分）（avc1）

希望对你有帮助...

【讨论】：

你在哪里改变了这个？怎么样？
@Mike 可能在创建 .mp4 文件本身时。在浏览器中，您可以指定要尝试的编解码器。例如：<source src="my.mp4" type='video/mp4; codecs="avc1.4d002a, mp4a.40.2"' />（来自MDN codecs paramater）。

【解决方案5】：

实际上，我不久前在使用 mp4 时遇到了一些奇怪的错误。为我解决的问题是使用已知支持的编解码器（H.264 和 MP3）重新编码视频。

我实际上使用了VLC player 这样做，之后它工作得很好。我使用上述编解码器 H.264/MP3 进行了转换。这为我解决了。

也许问题不在于format，而在于play/ pause 方法的JavaScript 实现。我可以建议访问以下link Google 开发人员在其中解释得很好吗？

此外，您可以选择使用较新的 webp 格式，Chrome 支持开箱即用，但请注意使用其他浏览器。在实施之前检查对它的支持。这是描述上述格式的link。

关于这一点：我创建了一个小的script，它可以轻松地将所有标准格式转换为webp。您可以轻松配置它以满足您的需求。这是同一项目的Github repo。

【讨论】：

【解决方案6】：

（@Alston 将此作为评论发布，它对我和其他 9 人也投了赞成票，因此发布此作为答案以获得更多关注：）

只需使用此 FFMPEG 命令重新编码视频文件即可解决：

ffmpeg -i input.mp4 -vcodec h264 output.mp4

【讨论】：