html5 <video> 标签不能在 chrome/firefox 中播放大于 10 MB 的 mp4 文件答案

【问题标题】：html5 <video> tag doesn't play mp4 files larger than 10 MB in chrome/firefoxhtml5 <video> 标签不能在 chrome/firefox 中播放大于 10 MB 的 mp4 文件
【发布时间】：2015-08-03 22:05:55
【问题描述】：

我在我的 .aspx 页面中使用以下代码

<video id="example_video_1"  controls preload="none" width="640" height="388" style="display:block; width: 796px; margin-left: 101px;"
                poster="<%= Url.Action("NewThumbnail", "Search", new { file = ViewData["Clipfile"], archiveDate = ViewData["ClipArchive"] , station =  ViewData["ClipStation"] }) %>"
                data-setup="{}">
      <source src="<%= Url.Action("Proxy", "Clip", new { file = ViewData["Clipfile"], archiveDate = ViewData["ClipArchive"] , station =  ViewData["ClipStation"] }) %>" type='video/mp4; codecs="avc1.42e01e, mp4a.40.2"' />
</video>

以上代码无法播放的视频分享到这里：https://www.dropbox.com/s/i1rjligqyjzfe4x/VOSOT_ASHLEY_FOODIE%20FRIDAY_FEDERAL%20DONUTS_CCAM.mp4?dl=0

这是 17 MB 大小的 mp4 文件，这个问题出现在 chrome 浏览器中

请帮助我在这里做错了什么！

编辑1：

我知道我在哪里做错了。我将源标记更新为以下内容，现在可以使用（在 Url.Action 之前添加 @）

 <source src="@Url.Action("Proxy", "Clip", new { file = ViewData["Clipfile"], archiveDate = ViewData["ClipArchive"] , station =  ViewData["ClipStation"] })" type='video/mp4'/>

【问题讨论】：

在这里的快速测试中似乎可以正常工作，尽管我去掉了你的海报和数据设置标签。您是否尝试过一点一点地构建<video><source /></video> 标签以查看它在哪里中断？如果为您硬编码，视频会播放吗？您是否有任何网络或 javascript 错误（在浏览器工具中）
当我对视频进行硬编码时效果很好。但是当我希望源是大型文件的远程链接（使用 Url.Action）时，它不起作用
我知道我哪里做错了。我将源标签更改为此，它现在可以工作了。

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

【解决方案1】：

您的开始视频标签的颜色似乎不正确，这让我相信您缺少“>”，或者您的代码上方某处缺少某些限制代码正常运行的内容在谷歌浏览器中。

【讨论】：

感谢您的回复。相同的代码显示和播放大小小于 10 MB 的 mp4 视频。对于超过 10 MB 的大小，我需要做些什么不同的事情吗？
@Swathik，另外一个建议是一点一点地检查你的代码，看看哪里有问题。此外，有时我在打开和关闭同一标签时遇到问题，因此我会尝试而不是。有时这有帮助，有时没有。从您提供的一小段代码来看，最后一个标记没有与开头正确链接。这可能源于另一个未正确关闭的标签，例如源标签，这就是为什么我建议尝试单独关闭它。