Safari translate3d ошибка с YouTube видео для встраивания - PullRequest
Новая
       20

Safari translate3d ошибка с YouTube видео для встраивания

1 голос
/ 25 декабря 2011

Я пытаюсь заставить мою домашнюю страницу работать с Safari iphone / ipad. Дело в том, что я хочу переместить видео YouTube, встроенные в теги <div>, по всей странице. Обычно я делаю это с помощью 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&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});
...