我创建了一个 tumblr 主题。一切正常，直到我决定在 tumblr 视频上传上发布视频。我在主页上有一个 250x196 像素的框，一切都在里面。
- 如果它是一张照片，我只需将其设为 250x196 像素（我不关心纵横比。我使用 jQuery 来保持纵横比，但我不喜欢结果）。
- 如果它是一张照片集，我会使用anythingslider 并创建一张幻灯片。
- 如果是文本帖子，我会使用 jquery 并将第一张图片作为缩略图。
- 如果是视频和照片一样。我只是调整 iframe 的大小。至少那是我认为我正在做的事情。
我还使用 prettyphoto 作为图像和视频的灯箱克隆。
所以当我使用tumblr上传视频的时候，我遇到了这些问题：
- 首先，视频没有得到 iframe 的纵横比，我认为原因可能是高度的数据值和 iframe 正在使用。
- 正如你在这里看到的；为了让 iframe 出现，我使用的是内联方法。我有一个隐藏的 div，其中包含 500 像素版本的视频。问题是 {Video-250} 和 {Video-500} tumblr 变量都为具有相同 id 的 tumblr 视频创建了一个 div。所以它需要隐藏的视频并将其移动到 250 像素版本旁边。
- tumblr 的视频内置灯箱与 prettyphoto 有冲突。当我单击视频的全屏时，z-indexes 出现问题。我没有花时间解决这个问题，因为我已经遇到了很多问题。
作为一种解决方法，我所做的是：
<div class="media" data-embed="{JSVideoEmbed-250}" data-video="{JSVideo-250}"></div>
你可以在我用三个随机视频创建的测试博客上确切地看到我的意思：
但是调整大小的问题仍然存在。iframe 是 250x196 像素，但内容不是。我也不明白为什么 tumblr 在第一个视频中发布了 javascript。它在页面末尾发布的相同脚本。
我问的可能有点难以表达。我希望测试博客能帮助你理解我的意思。