html5 mp4视频没有播放

Question

这是我的代码：

 <video width="400" controls >
     <source src="~/Content/Videos/Light Yagami's Lesson On Swimming.mp4" type="video/mp4">


</video>

但视频无法在所有浏览器中播放。 ：看看图片enter image description here

在文件夹视频中存在并按预期播放，它是mp4格式。为什么会这样？

Answer 1

~不是有效的路径角色。

src应该包含有效的url。你应该给出正确的道路。

此外，您的文件路径包含不允许的空格。你应该encode它。

所以路径中的文件名是：

Light%20Yagami's%20Lesson%20On%20Swimming.mp4

Answer 2

我找到了解决方案，我使用的是asp.net mvc，默认情况下不支持范围请求

Answer 3

如果您正在运行IIS / .NET

使用以下内容将web.config文件添加到应用程序web.config的根目录

<?xml version="1.0" encoding="UTF-8"?>
  <configuration>
    <system.webServer>
      <staticContent>
        <mimeMap fileExtension=".mp4" mimeType="application/mp4" />
      </staticContent>
    </system.webServer>
  </configuration>