html5 标签在 chrome/firefox 中无法播放大于 10 MB 的 mp4 文件

Question

我在我的 .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'/> 

Answer 1

看起来您的开始视频标签的颜色不正确，这让我相信您缺少“>”，或者您的代码上方某处缺少某些限制代码在 Google Chrome 中正常运行的内容.