我正在尝试使我的主页与 safari iphone/ipad 一起使用。问题是,我想移动嵌入在<div>
页面周围标签内的 youtube 视频。通常我使用jquery来做到这一点,我只是<div>
用jquery offset方法设置标签的偏移量,一切都很好,但是当我试图用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&hl=hu_HU" width="340px" height="200px" wmode="Opaque" allowfullscreen="true"> <param name="movie" value="http://www.youtube.com/v/a-sFrDPsmjI?version=3&hl=hu_HU" wmode="Opaque" allowfullscreen="true"/> </object>');
$(youtubeString).appendTo($myDiv);
var t = "translate3d(" + myPosX + "px, "+ myPosY +"px, 0px)";
$myDiv.css({"-webkit-transform" : wk});