Question

以下是视图中的一些代码：

<div class="flowplayer">
   <video>
      <source type="video/mp4" src="~/Content/Videos/HowItWorksRegistration1.mp4">
   </video>
</div>

我收到错误：“html5：找不到视频文件”

但如果我链接到一个随机.mp4视频的网址，它就可以了。此外，在视图的早期，我有相同的相对路径和有效的图像。我已经仔细检查了路径，甚至尝试将视频放在同一目录中（使用更新的路径），但这不起作用。

任何帮助表示感谢。

Answer 1

要检查的第一件事是您可以浏览到视频网址并在浏览器中播放。

如果你得到404，那是因为路径错了。
如果不播放，则是因为浏览器不支持该视频。

HTML5 wiki显示了浏览器支持的视频格式。

Answer 2

某些Chrome版本在播放MP4内容时遇到问题。解决方法：在MP4源之前列出WEBM和/或将preload =“none”设置为视频标记属性。

Answer 3

你应该添加：

<link href="~/Scripts/Video2/flowplayer-5.4.6/skin/minimalist.css" rel="stylesheet" />
<link href="~/Scripts/Video2/x/demo.css" rel="stylesheet" />
<link href="~/Scripts/Video2/x/pygments.css" rel="stylesheet" />
<link href="~/Scripts/Video2/x/playlist.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/Video/jquery.min.js"></script>
<script src="~/Scripts/Video2/flowplayer-5.4.6/flowplayer.min.js"></script>

然后你应该使用它：

<div class="flowplayer" style="width: 450px; height: 260px" data-ratio="0.416" data-swf="//releases.flowplayer.org/5.4.6/flowplayer.swf">
        <video style="width: 450px; height: 260px" src="~/Content/Videos/HowItWorksRegistration1.mp4"></video>
    </div>

将Flow Player与ASP.NET MVC 4一起使用，“html5：找不到视频文件”

3 个答案: