我有一个简单的观点,我用来测试video.js;它看起来像这样:
<script type="text/javascript" src="~/Scripts/video.js"></script>
<link href="~/Content/video-js.css" rel="stylesheet" type="text/css">
<script>
videojs.options.flash.swf = "video-js.swf";
</script>
<body>
<video id="testPlayer" class="video-js" controls preload="auto"
poster="~/Content/images/video-js.png"
data-setup="{}">
<source src="<url of a .mp4 file stored in my project>" type="video/mp4" />
</video>
</body>
页面加载后,我会看到视频播放器上的海报(以及播放器下方的一些元数据信息,我还没知道如何摆脱它)。使用preload="auto"
,我会在控制台的页面加载中立即看到["Video Error", Object]
(使用Chrome)。如果我将auto
更改为none
,则在点击播放器时会出现相同的非描述性错误。我无法弄清楚这个错误有什么问题。
控制台中显示的对象中似乎没有任何信息。就描述而言,我能找到的最好的东西是media error
。我尝试过几种不同的方式来处理文件的编码,但我一直都会遇到同样的错误。
有没有人发现我错过的观点有什么不妥(或者知道这个错误可能意味着什么)?
答案 0 :(得分:3)
指定我的源URL时,我是这样指定的:
src="~/Content/something/place/etc.mp4"
将该网址更改为
src='@Url.Content("~Content/you/get/the/point.mp4")'
视频加载正常。我偶然发现了一些提到需要绝对路径的视频标签的帖子,并尝试了这个尝试。