javascript - YouTube 埋め込みビデオでの Safari translate3d バグ

Question

ホームページをSafariのiPhone/iPadで動作させようとしています。<div>問題は、タグ内に埋め込まれたYouTubeビデオをページの周りに移動したいということです。通常、私はjqueryを使用してこれを<div>行い、jqueryオフセットメソッドでタグのオフセットを設定するだけですべてがうまく機能しますが、translate3dで位置を設定しようとすると、奇妙なことが起こり、目的の位置に正しく移動します、しかし、埋め込まれた youtube はまったく移動せず、ページの左上隅にとどまります。

基本的に、translate3d で動画を移動できないようですが、何をしても問題ありません。iframe を使用して YouTube ビデオを埋め込もうとすると、さらに奇妙になります。すべて正常に動作しているように見えます。ビデオは正しい位置に移動していますが、再生ボタンをクリックしてもビデオの再生を開始できません。

var youtubeString = ('<object id="video" type="application/x-shockwave-flash" data="http://www.youtube.com/v/a-sFrDPsmjI?version=3&amp;hl=hu_HU" width="340px" height="200px" wmode="Opaque" allowfullscreen="true"> <param name="movie" value="http://www.youtube.com/v/a-sFrDPsmjI?version=3&amp;hl=hu_HU" wmode="Opaque" allowfullscreen="true"/> </object>');

$(youtubeString).appendTo($myDiv);

var t = "translate3d(" + myPosX + "px, "+ myPosY +"px, 0px)";

$myDiv.css({"-webkit-transform" : wk});