GitHub 页面生成器删除 <video> 标签

Question

语境

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

最近我遇到了一个用例，在第一部分添加一个简单的 2 分钟视频很有意义。不知道 HTML 视频的任何原生 Markdown 我决定直接添加 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？

Answer 1

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

优点是：

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

业内每个人都经历过视频管理的痛苦。

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

<iframe width="420" height="315" src="//www.youtube.com/embed/KgLfpnPdqZw" frameborder="0" allowfullscreen></iframe>