在Tumblr中嵌入HTML5视频(仪表板和博客)

时间:2014-05-20 11:54:08

标签: javascript html5 iframe video tumblr

关于将自定义HTML5视频播放器嵌入Tumblr的可能性。 它现在的工作原理基本上就是你将一个URL或嵌入代码添加到Youtube或任何其他服务,它将加载视频并在仪表板提要和博客中显示它。

我刚刚使用Vimeo进行了检查,在这种情况下,似乎它会在视频中获取一个vimeo iframe(我猜这是他们的嵌入代码)并在按下播放按钮时将其注入DOM。

是否可以使用我自己的自定义iframe模仿此行为?让Tumblr接受我自己的嵌入代码(基于iframe),该代码可以生成HTMl5视频,并在实际播放视频之前提供预览图像。

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

或者是否可以通过他们的API进行?

只是为了澄清:我不想使用Tumblr HTML5视频播放器,而是我自己选择的播放器。

2 个答案:

答案 0 :(得分:2)

Tumblr仪表板仅播放视频帖子的视频预览。嵌入标题或正文的任何​​内容都无法获得预览处理。

AFAIK,让自定义视频进行预览的唯一方法是让Tumblr使用您自己的平台/ API。如果他们支持平台,Tumblr会在制作Video Post时拉出预览拇指。

此处列出了经过测试的视频平台/提供商:Video Posts with Auto Thumbnail(Like in Facebook) in Tumblr.com

答案 1 :(得分:0)

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

http://nativecitizenstest.tumblr.com/

首先是视频类型的帖子,但只是将网址传递给tumblr。

第二个是文本帖子,但是传递了自定义嵌入html的藤(这包括一个我不知道的脚本会起作用)。

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

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