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

时间:2015-08-03 22:05:55

标签: html5 google-chrome video ffmpeg html5-video

我在.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浏览器中

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

EDIT1:

我知道我在哪里做错了。我将源标记更新为以下内容,现在可以正常工作(在Url.Action之前添加@)

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

1 个答案:

答案 0 :(得分:0)

看起来你的开场视频标签没有正确着色,这让我相信你错过了“&gt;”或者在您的代码中位于其上方的某处,您发现缺少某些内容会限制代码在Google Chrome中正常运行。