只有控件和音频加载和处理 chrome 中的视频答案

【问题标题】：Only controls and audio load and work on video in chrome只有控件和音频加载和处理 chrome 中的视频
【发布时间】：2018-06-30 16:35:59
【问题描述】：

我正在用 php 构建一个网站，它与以下 html 相呼应：

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    <video id="video_media" style="position:relative; z-index:1; display:block; margin-left:auto; margin-right:auto; width:700px;" controls>
      <source src="uploads/15 dialogo 13.mp4" type='video/mp4'>
    </video>
    </body>
</html>

当我在谷歌浏览器中查看页面时，只有一组控件。如果我按播放，音频会播放，但视频不会在谷歌浏览器中显示。在 safari 和 microsoft edge 中，视频会显示出来，并且可以通过控件正常播放。

我没有在其中标记 php，因为当我使用此代码创建 html 文件时，会发生同样的事情，所以我相当确定这不是 php 的问题。

在过去的几天里，我在谷歌上搜索了很多，但我找不到任何关于其他人遇到同样问题的信息。我已更改计算机上 chrome 的设置以尝试查看视频，但没有做任何事情。我也不认为这是 chrome 设置问题，因为我从未注意到其他网站的视频没有在我的浏览器上播放。

如果我遗漏了一个明显的答案，对不起...我对网页设计还很陌生，而且我以前从未在网页上使用过视频。如果还有另一个问题具有相同的答案，也很抱歉。我确实先在这里搜索过，但我可能错过了它。请把我指向那个页面。谢谢，

------------更新------------

顺便说一句，它在 Firefox 上也不起作用。

另外，我可以下载下载后音频和视频正常工作的文件。它只是不在浏览器中播放。

【问题讨论】：

标签： html google-chrome video-streaming html5-video

【解决方案1】：

你可以试试：

<source src="./uploads/15 dialogo 13.mp4" type='video/mp4'>

或者更改视频的名称：

<source src="./uploads/test.mp4" type='video/mp4'>

--更新--

显然问题是由视频编解码器产生的

【讨论】：

尝试了这两个建议。不幸的是，它没有用。
你在 Firefox 中试过了吗？是不是 chrome 的缓存有问题？
好的。所以让我们尝试下一个，禁用硬件加速视频解码。查看下一个link
不幸的是，这也不能解决问题。
你可以试试另一个视频吗？可能是编解码器的问题

【解决方案2】：

我有一个 mp4 视频无法在 Chrome 或 Firefox 中播放。音频播放，带有控件，但没有视频。修复它的方法是将视频拉入 Final Cut Pro，它说它是非标准尺寸或格式，然后我将文件“共享”（导出）回我的硬盘驱动器。新文件在所有浏览器中播放。对于三分钟的标清视频，文件大小从 32 MB 跃升至 98 MB。

【讨论】：