css - CSS変換変換でYoutubeの埋め込みビデオが壊れる

Question

transform: translate()を使用して div 内外で YouTube iframe を使用すると、Firefox でビデオを再生できません。IE8 を含め、他のすべてのブラウザで動作します。ここに私が作成したフィドルがありますhttp://jsfiddle.net/kE6vp/変換プロパティをコメントアウトすると正常に動作しますが、YouTube ボタンにアクセスできません。もう一度 Firefox でのみ。誰もこれを前に経験していますか？transform プロパティを使用してコンテンツを配置する jquery isotope プラグインを使用しています。助けてくれてありがとう。

<div class="pong">
    <div class="ping">
        <iframe width="326" height="237" frameborder="0" allowfullscreen="1" src="https://www.youtube.com/embed/lEhu2cFvDe8?wmode=opaque?rel=0?autoplay=1&amp;"></iframe></div>
</div>

.pong{
    height: 237px;
    transform: translate(20px, 100px);
    width: 326px;
}

.ping{
    height: 237px;      
    position: absolute;
    width: 326px;       

    z-index: 40000;
}