5

语境

我通常会设置快速的 GitHub 页面来记录我所做的一些开发。它们通常是非常简单的页面，我使用页面生成器从 repo 设置中生成。我想继续使用这种方法，因为使用 jekyll 移动到正确的 gh-pages 对于如此简单的事情来说开销太大了。

最近我遇到了一个用例，在第一部分添加一个简单的 2 分钟视频很有意义。不知道 HTML 视频的任何原生降价，我决定直接添加 HTML 代码，就像我在许多其他情况下所做的那样：

<video width="640" height="400" controls preload> 
    <source src="https://github.my.company.com/Org/sample/blob/master/intro.mp4?raw=true"></source> 
</video>

问题

当我生成页面时，标签不存在，这通常发生在video标签不受支持时。如果我按预期打开 chrome 控制台并直接编辑 HTML，则视频显示正常，我可以播放，等等。

我只能假设 GitHub 降价引擎正在删除video标签，因为正在运行的上下文不支持视频（无头、不兼容的代理等）。

由于 GitHub 表示它支持将原生 HTML 用于页面呈现，因此没有具体的降价说明“不惜一切代价解析这个”，让我没有太多选择。

问题

有没有人遇到过这个问题，您知道是否可以在生成的页面中包含视频标签而无需转到 Jekyll？

4

2 回答 2

0

您可以将所有繁重的工作委托给视频托管服务。

优点是：

  • 他们为你做所有的 html 视频/flash 后备
  • 他们可以根据设备/网络提供适当的编码/带宽
  • 他们有专门的 CDN 确保良好的交付（？取决于运营商，但你不知道）

行业中的每个人都代表了视频管理的痛苦。

您必须添加的唯一代码是这样的：

<iframe width="420" height="315" src="//www.youtube.com/embed/KgLfpnPdqZw" frameborder="0" allowfullscreen></iframe>
于 2014-07-28T19:14:10.440 回答
0

作为遇到此问题的快速解决方案：您可以使用任何转换器将视频转换为 gif，然后将其插入您的降价前：

## Website Overview

![alt_text](path_to_the_.gif)
于 2021-07-08T04:06:40.420 回答