我一直在玩 Video.js,但在提供的示例中遇到了问题。
在使用 html5 视频元素指定 MP4 (h264) 视频时,会出现一些混淆。
当我使用(绝对)时:
<source src="C:\<filsystempath>\Media\oceans-clip.mp4" type='video/mp4' />
视频显示出来了,没问题。但是当我使用:
<source src="@Url.Content("~/Media/oceans-clip.mp4")" type='video/mp4' />
视频不显示。我会得出结论,使用相对路径是问题,但是当使用像这样的 ogv 视频时:
<source src="@Url.Content("~/Media/oceans-clip.ogv")" type='video/ogg' />
它工作正常。
另一个烦恼 - 当视频用于 Flash 后备时,它可以工作。
我正在使用 ASP.MVC 和 video.js。我正在使用 localhost 进行调试。
完整的视频标签 -
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup='{"example_option":true}'>
<source src="@Url.Content("~/Media/oceans-clip.ogv")" type='video/ogg' /> -- Works
<source src="C:\<filesystempath>\oceans-clip.mp4" type='video/mp4' /> -- Works
<source src="@Url.Content("~/Media/oceans-clip.mp4")" type='video/mp4' /> -- Doesn't work
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
</video>
问题是:为什么视频会以绝对路径播放而不是相对路径?