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

Javascript 在Tumblr(仪表板和博客)中嵌入HTML5视频,javascript,html,iframe,video,tumblr,Javascript,Html,Iframe,Video,Tumblr,人们对在Tumblr中嵌入自定义HTML5视频播放器的可能性有点好奇。 它现在的工作原理基本上是,你在Youtube或任何其他服务中输入URL或嵌入代码,它将加载视频并在仪表板提要和你的博客上显示 我刚刚检查了Vimeo,在这种情况下,它似乎获取了一个带有视频的Vimeo iframe(我猜这是他们的嵌入代码),并在按下play按钮时将其注入DOM 可以用我自己的自定义iframe来模拟这种行为吗?让Tumblr接受我自己的嵌入代码(基于iframe),它可以生成HTMl5视频,并在视频实际播放

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

我刚刚检查了Vimeo,在这种情况下,它似乎获取了一个带有视频的Vimeo iframe(我猜这是他们的嵌入代码),并在按下play按钮时将其注入DOM

可以用我自己的自定义iframe来模拟这种行为吗?让Tumblr接受我自己的嵌入代码(基于iframe),它可以生成HTMl5视频,并在视频实际播放之前提供预览图像

因此,当我输入例如,
www.mydomain.com/video1
时,它会将其识别为视频,并使其表现出与其他视频服务类似的行为

或者,是否可以通过他们的API执行此操作

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

好的

因此,在这个tumblr上,顶部的3个帖子是我尝试过的

首先是一个视频类型的帖子,但只是将url传递给tumblr

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

第三个是一篇带有iframe的文本文章,我手工编写


我认为梅特卡夫似乎是flash视频,我不知道这是否得到支持,但谷歌应该会告诉我们

Tumblr仪表板将仅播放视频帖子的视频预览。任何嵌入标题或正文的内容都不会得到预览处理

好吧,让Tumblr使用自己的平台/API是获得定制视频预览的唯一方法。如果Tumblr支持该平台,则当您发布视频帖子时,Tumblr会拉入预览拇指


这里有一个经过测试的视频平台/提供商列表:

嘿,我不是100%确定tumblr是否会禁用未知主机(即不是youtube、vimeo等)的iframe内容,但我只是创建了一个包含指向另一个网站的iframe的html帖子。您是否有一个视频网站的例子,其中包含tumblr声称不支持的内容?Thanks@lharby哦,对了,还没测试过。但这些内容是否可以通过仪表板获得?另外,您正在制作一个文本帖子(我想),我希望能够使用本机视频帖子来实现这一点,这样就可以轻松地重新登录。这里有一个不支持视频缩略图的视频提供商列表,我也有点好奇,因为仪表板似乎只允许某些域可以内联播放?(比如Vimeo和Youtube)但不是列表中的每个人(在我之前的评论中)都会显示播放按钮,而是显示你将进入新页面的按钮,例如blip.tv和metacafe。有趣的是,我没想到Vine会这样工作。但是,Tumblr仪表板上仍然没有显示任何内容..嗯,我想知道他们是否对这些网站有某种特殊的处理,一个可信来源的白名单。否则,我可以检查vimeo iframe提供的javascript,然后复制它们提供的任何东西。我几乎肯定Tumblr在预览图像服务器端,基于视频提供商,不可能强制它。那么坏消息:(我认为这是最符合逻辑的推理。)