在 Tumblr 中嵌入 HTML5 视频（仪表板和博客）答案

【问题标题】：Embedding HTML5 video in Tumblr (dashboard and blog)在 Tumblr 中嵌入 HTML5 视频（仪表板和博客）
【发布时间】：2014-07-08 16:12:25
【问题描述】：

有点好奇将自定义 HTML5 视频播放器嵌入到 Tumblr 中的可能性。它现在的工作原理基本上是您将 URL 或嵌入代码到 Youtube 或任何其他服务，它会加载视频并将其显示在仪表板提要和您的博客上。

我刚刚检查了 Vimeo，在这种情况下，它似乎使用视频获取 vimeo iframe（我猜这是他们的嵌入代码）并在按下播放按钮时将其注入 DOM。

是否可以使用我自己的自定义 iframe 来模仿这种行为？让 Tumblr 接受我自己的嵌入代码（基于 iframe），该代码指向 HTMl5 视频，并在视频实际播放之前提供预览图像。

因此，例如，当我输入 www.mydomain.com/video1 时，它会将其识别为视频，并使其表现得像其他任何视频服务一样。

或者是否可以通过他们的 API 来实现？

澄清一下：我不想使用 Tumblr HTML5 视频播放器，而是我自己选择的播放器。

【问题讨论】：

嘿，我不是 100% 确定 tumblr 是否会禁用来自未知主机（即不是 youtube、vimeo 等）的 iframe 内容，但我刚刚创建了一个包含指向另一个网站的 iframe 的 html 帖子.您是否有某个视频网站的示例，其中包含 tumblr 声称不支持的内容？谢谢
@lharby 哦，对，还没有测试。但是这些内容可以通过仪表板获得吗？此外，您正在发布文字帖子（我想），我希望能够使用本地视频帖子来做到这一点，因此它很容易被转发。这是不支持视频缩略图的视频提供商列表stackoverflow.com/questions/17481898/…
我也有点好奇，因为仪表板似乎只允许某些域能够内联播放？（例如 Vimeo 和 Youtube）但并非该列表中的每个人（在我之前的评论中）都会显示播放按钮，而是显示您将被带到新页面的按钮，例如 blip.tv 和 metacafe .

【解决方案1】：

Tumblr 控制面板只会播放视频帖子的视频预览。嵌入标题或正文中的任何内容都不会得到预览处理。

AFAIK，让自定义视频进行预览的唯一方法是让 Tumblr 使用您自己的平台/API。如果 Tumblr 支持该平台，则在您发布视频时，Tumblr 会拉入预览拇指。

【讨论】：

嗯，我想知道他们是否对这些网站进行了某种特殊处理，将可信来源列入白名单。否则，我可以检查 vimeo iframe 提供的 javascript，例如，然后复制它们提供的任何内容。
我几乎肯定 Tumblr 会根据视频提供者拉入预览图像服务器端，并且不可能强制它。
那么坏消息 :( 我想这是最合乎逻辑的推理

【解决方案2】：

好的

所以在这个 tumblr 上，顶部的 3 个帖子是我尝试过的。

First 是一个视频类型的帖子，但只是将 url 传递给 tumblr。

第二个是文本帖子，但从 vine 传递自定义嵌入 html（这包括一个我不知道会起作用的脚本）。

第三个是我手工编码的带有 iframe 的文本帖子。

我认为metcalf 似乎是flash 视频，我不知道是否支持，但谷歌搜索应该会告诉我们。

【讨论】：