HTML5视频路径混乱

HTML5视频路径混乱,html,asp.net-mvc-3,video,razor,video.js,Html,Asp.net Mvc 3,Video,Razor,Video.js,我一直在玩Video.js,在所提供的示例中遇到了问题 当使用html5视频元素指定MP4(h264)视频时,会出现一些混乱 当我使用(绝对值)时: 视频显示出来了,没问题。但当我使用: <source src="@Url.Content("~/Media/oceans-clip.mp4")" type='video/mp4' /> 视频不显示。我认为使用相对路径是个问题,但当使用ogv视频时,如是: <source src="@Url.Content("~/Medi

我一直在玩Video.js,在所提供的示例中遇到了问题

当使用html5视频元素指定MP4(h264)视频时,会出现一些混乱

当我使用(绝对值)时:


视频显示出来了,没问题。但当我使用:

<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>

--工作
--工作
--不起作用
问题是:为什么视频播放的路径是绝对路径而不是相对路径?

因为这
呈现出如下效果:

<source src="localhost:8080/Media/oceans-clip.mp4" type='video/mp4' />

在第一种情况下,您正在从驱动器读取文件:

<source src="C:\<filsystempath>\Media\oceans-clip.mp4" type='video/mp4' />

解决方案非常简单。使用IIS express。不知道这是如何工作的,也不知道为什么,但我认为这与C:\Users\\Documents\IISExpress\config中的applicationhost.config文件有关。可能MP4需要指定mime类型才能工作。就像我说的,不确定。希望这对其他人有帮助


还有,感谢karaxuna让我思考。

我认为使用相对路径是个问题,但当使用ogv视频时,它工作得很好。@user2008963
这会从客户端计算机读取文件!这从服务器读取:
<source src="C:\<filsystempath>\Media\oceans-clip.mp4" type='video/mp4' />