1

这是视图中的一些代码：

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

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

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

任何帮助表示赞赏。

4

3 回答 3

0

你应该添加：

<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>
于 2014-03-07T12:31:03.580 回答
0

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

于 2013-10-11T18:24:12.650 回答
0

首先要检查的是您能否浏览到视频网址并在浏览器中播放。

  • 如果您收到 404，那是因为路径错误。
  • 如果它不播放，那是因为浏览器不支持该视频。

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

于 2013-06-19T14:59:33.920 回答