Css Tumblr视频帖子不在Chrome和Firefox中显示，但在Safari中显示？

目前正在整合一个Tumblr主题，视频帖子有一个问题，Vimeo的嵌入式视频在Safari（8.0和iOS 8.1）以及Google Chrome的移动应用程序中显示得非常好。然而，它只是没有显示在我桌面上的Chrome（v39.0.2171.71）或Firefox（v33.1.1）上，而只是显示了我应用于它的黑色背景？有人知道这里发生了什么吗

我把它原封不动地放在Tumblr的这里（），我的视频帖子代码如下：

{block:Video}
<section class="e-all d-all c-all b-all a-all">
   <div class="video-player">{Video-700}</div>
   {block:Caption}
     <div class="e3-e6 d3-d6 c4-c7 b4-b7 a4-a7 caption">{Caption}</div>{/block:Caption}
   </section>
{/block:Video}

{block:Video}
{Video-700}
{块：标题}
{Caption}{/block:Caption}
{/块：视频}

---

任何帮助都将不胜感激，谢谢。

CSS看起来像是的实现，但缺少一些属性

CSS

.video-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background-color: #000000;
}

.video-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

结果

---

另一方面，我会把它看作是一个更为坚实的解决方案，或者是一个如何制作自己产品的指南。视频嵌入的比例并不总是16:9。

对不起，是的，我有视频的流体CSS，我的CSS是：。视频播放器{填充底部：56.25%；高度：0；背景色：#000000；}。视频播放器iframe{宽度：100%；高度：100%；}这就是我出错的地方吗？是的。您需要将iframe移动到由

填充底部创建的区域中

：D