嵌入式Youtube播放按钮未居中（在Chrome版本36.0.1985.125 m）

Question

这是我网站上嵌入式html5 youtube iframe 的屏幕截图。

使用chrome dev工具，我将iframe DOM挖掘到 SVG元素 （播放按钮）。
给它 {宽度：100％;高度：100％;} 修复问题并使元素居中。

当然我不能在代码中做到这一点（不是同一个域）。

但也许我错过了什么？

我没有看到任何关于此的问题，所以我认为我做错了。

这是我的iframe：

<iframe id="zoommedia" src="http://www.youtube.com/embed/eqFwz_3BikM" frameborder="0" allowfullscreen="" style="height: calc(100% - 48px); opacity: 1;"></iframe>

css for iframe：

.zoomer #zoommedia {

    background-color: rgba(24,24,24,1);
    width: 100%;
    height: 92%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    }

我宁愿不直接链接到我的开发环境，但如果需要更多信息，请告诉我。我很欣赏指向正确方向的指针，以解决这个问题。

谢谢。