Question

在我正在开发的tumblr主题中，我使用fitvids.js来使视频响应。

所有常见的嵌入（YouTube，Vimeo等）都像魅力一样。

我编辑了FitVids.js以支持Tumblr视频上传（tumblr视频播放器）。它在桌面上运行正常，但在移动设备上无效。图片被裁剪，播放按钮太大而超出了视频容器。你根本无法播放视频。

在这个页面上它可以工作，但我无法弄清楚如何：http://mikehacks.tumblr.com/post/86858788257

我的HTML是：

<div class="video-container">
  <p>{VideoEmbed-700}</p>
</div>

视频容器仅用于添加一些余量：

.video-container {
  margin-top: 30px;
}

我读了这个question，但我依赖于fitvids，js，我不能指望用户为纵横比添加标签。此外，这不适用于不常见的宽高比。很抱歉开始一个新问题;我还没评论。

我真的很坚持这一点，非常感谢任何帮助！

Answer 1

我终于让tumblr视频在手机上运行 - 仍然使用fitvids。这很简单，但也许有人会觉得这很有用：

由于tumblr视频播放器在移动设备上有一个完全不同的标记（它只是视频的链接），很明显，fitvids将无法做到这一点。

我使用这个简单的CSS只在触摸设备上调整tumblr视频：

.touch .video-container a {
    width: 100% !important;
    height: auto !important;
}

（我摆脱了{VideoEmbed-700}周围的p标签，因为它导致视频根本无法播放。）触摸类由Modernizr生成，以防您想知道。

这样您就不必处理宽高比的标签了！