【问题标题】:GitHub pages generator removing <video> tagGitHub 页面生成器删除 <video> 标签
【发布时间】:2014-09-19 22:13:10
【问题描述】:

上下文

我通常会设置快速的 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?

【问题讨论】:

  • 当我从我的 GitHub Enterprise Pages 托管 Camtasia 生成的截屏视频时,我想我可能会给你一个答案,但它生成的嵌入代码没有视频标签。这是 GitHub Enterprise Support 应该能够回答的问题。

标签: github html5-video github-pages github-flavored-markdown github-enterprise


【解决方案1】:

您可以将所有繁重的工作委托给video hosting service

优点是:

  • 他们为您完成所有 html 视频/flash 后备
  • 它们可以根据设备/网络提供适当的编码/带宽
  • 他们有专门的 CDN 确保良好的交付(?取决于运营商,但 你不知道)

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

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

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

【讨论】:

  • 都是很好的观点,但这不是性能或可扩展性问题。我会试试你的标签,看看生成器是否没有跳过它,谢谢。
  • iframe 也不呈现。最接近的方法似乎是在 YouTube 或您自己的主机上放置缩略图并链接到原始视频。
【解决方案2】:

作为遇到此问题的快速解决方案:您可以使用任何转换器将视频转换为 gif,然后将其插入您的 markdown ex:

## Website Overview

![alt_text](path_to_the_.gif)

【讨论】:

    猜你喜欢
    • 2013-04-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-03
    • 1970-01-01
    • 2010-11-12
    • 1970-01-01
    相关资源
    最近更新 更多