github 页面网站中的 mp4 嵌入视频未加载

Question

这是我第一次通过 github 页面部署网站，我注意到嵌入视频（在我的例子中是 mp4）存在问题。其他一切都工作正常并加载良好（包括图像），但是每当我尝试查看网站上的任何嵌入视频时，我都会看到以下黑屏，控件呈灰色：

（仅供参考，此屏幕截图中的视频只有 2.89 MB）

我发现这很奇怪，因为在构建网站并在本地主机上测试内容时，一切都工作正常，并且所有嵌入式视频都与完整的音频和视频完美配合。我对问题所在进行了一些研究，但似乎无法得到明确的解决方案，因为有些人建议将视频托管在外部，例如在 YouTube 上，然后嵌入该链接，但我真的希望视频能够嵌入到网站中，而无需必须在其他地方托管视频，这是最后的手段。

作为参考，以下是与我如何显示这些视频有关的代码片段，到目前为止似乎找不到任何错误：

index.html：

<video class="responsive-video" id="knowPros_vid" controls>
    <source src="./assets/knowPros_Demo.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

样式.css：

/* Applying CSS limits for videos used in the carousel to avoid distortion */
.responsive-video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

在此网页上的 3 个视频中，只有一个是大视频文件 (143 MB)，而另外两个都是小视频文件 (2.89 MB 和 4.39 MB)，但是所有这些视频都存在此问题这就是为什么我认为排除 git-lfs 问题是安全的，因为它仅用于最大的视频文件。

我也没有这个存储库的 gitattributes 文件，我不知道是否应该导致一切都在没有文件的情况下正常工作。 （不知道这是否重要，但只是想我应该提一下以防万一）

没有控制台错误，页面仍然可以正常加载。没有 404 错误或网络问题。

请告诉我是否有人遇到类似的问题以及如何解决。另外，如果目前有任何方法已过期，请告诉我。谢谢:)

Answer 1

解决此问题的一种方法是使用原始 github 文件。

https://raw.githubusercontent.com/<your-username>/<repo-name>/path/video.mp4

使用此网址可以为您提供视频。

如果这不起作用，请告诉我。