使用youtube嵌入视频的Safari translate3d bug

Question

我正在努力使我的主页与safari iphone / ipad一起工作。问题是，我想移动嵌入在页面周围<div>标签内的YouTube视频。通常我通过使用jquery来做这个，我只是用jquery偏移方法设置<div>标签的偏移量，一切都很好，但是当我试图用translate3d设置位置时，比起一个奇怪的事情发生了正确到达所需位置，但内部嵌入的youtube根本不移动，它停留在页面的左上角。

所以基本上看起来我无法用translate3d移动视频并不重要我做什么。如果我尝试使用iframe嵌入youtube视频，它会变得更奇怪：一切似乎工作正常，视频移动到正确位置，但ZI无法通过单击播放按钮开始播放视频。

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});