html5 视频 mp4 有时无法在 chrome 中播放

Question

我正在尝试在 MVC4 应用程序中使用 html5 "video" 标记。我需要播放 mp4 视频。我正在使用 Chrome 版本 57.0.2987.133（64 位），已安装所有更新，Win 10 Pro。代码很简单

        <video id="vidSample" width="1024" height="600" controls>
      <source id="vidSource" src="/Video/33.mp4" type="video/mp4">  
    </video>

有时 mp4 样本播放正常，但经常 - 没有（视频不显示，只有白色背景并且 "play" 按钮被禁用）。相同的样品。那些比 30 秒以上的播放时间短的播放次数更多。播放长视频时，我在寻找时遇到问题。如果我移动滑块，视频将停止播放。

在 Mozilla Firefox 和 IE11 中，我的应用程序可以完全使用我拥有的所有 mp4 示例文件。

我刚刚发现一件有趣的事。如果我在 Chrome 中使用 link 打开此视频“http://localhost:49887/Video/33.mp4”，它不会播放。但是，如果我直接从文件系统 "file:///D:/Projects/VideoTester/VideoTester/Video/33.mp4" 使用 Chrome 打开它，它总是播放得很好。也许它以某种方式取决于 Visual Studio 网络服务器、app.config 等？

Answer 1

我发现问题所在了。问题出在 Visual Sudio 中。我使用的是 2012 并且是运行我的项目。然后我尝试将我的项目部署到 IIS，打开 Chrome 中的页面，发现问题消失了。

所以问题出在 Visual Studio IIS Express 中。在项目 properties/Web 中有一个 "Servers" 部分，您可以在其中 select 使用哪个 Web 服务器。我有 "Use Local IIS Web Server" + "Use IIS Express" selected。似乎此 Web 服务器与 Chrome（其他浏览器都可以）之间存在一些兼容性问题，因此视频流式传输不正确。

html5 视频 mp4 有时无法在 chrome 中播放

html5 video mp4 not playing in chrome sometimes

html

video

mp4

google-chrome