我可以开始播放视频，但无法播放

Question

我有这个视频：

<video src='videos/StressedOut.mp4' class='prize_video' controls></video>

我已检查，网址正常。 .prize_video不会影响视频的功能，只会影响风格：

.prize_video {
  width: 800px;
  height: 480px;
  position: relative;
  left: 22px;
}

我可以点击播放，但视频无法启动...

Answer 1

检查网络浏览器中视频文件的直接链接，可以是文件权限。

或者可能是不受支持的格式，例如HEVC

Answer 2

正如@David建议的那样，请检查视频文件的权限，因为我使用不同的视频运行了html和css here，它运行正常。

HTML：

<video src='http://www.w3schools.com/html/mov_bbb.mp4' class='prize_video' controls></video>

CSS：

.prize_video {
  width: 800px;
  height: 480px;
  position: relative;
  left: 22px;
}

同时验证以下内容：

• 更正文件名
• 文件格式（mp4的任何变体？）
• 相对文件位置

P.S。它也可能是一个非常微不足道的问题。

Answer 3

尝试在视频标记中添加mime类型作为属性，以通过Web浏览器选择正确的视频编解码器。

<video src='videos/StressedOut.mp4' type="video/mp4" class='prize_video' controls></video>