javascript - 如何将 HTML youtube 视频向右移动/过渡

Question

目前我的站点中有以下 YouTube 视频:

<object  id="vid" style="width:34%;height:32%;top:44.6%;position:fixed;left:33%;" data="http://www.youtube.com/v/sGVfhMMZEPA" type="application/x-shockwave-flash"><param name="src" value="http://www.youtube.com/v/sGVfhMMZEPA" /></object>

当用户单击按钮时，我希望所有元素都向右移动。这是js代码:

 $("#AboutUs").click(function(){
                $('#vid').animate({left: '55%'},500);});

现在页面中的所有其他内容都将接受 YouTUbe 视频。任何想法为什么？这是一个 fiddle :

JSFIDDLE

Answer 1

尝试用 div 包装对象，并将 id 和样式的内容移动到该 div 中:

<div id="vid" style="width:34%;height:32%;top:44.6%;position:fixed;left:33%;">
    <object data="http://www.youtube.com/v/sGVfhMMZEPA" type="application/x-shockwave-flash"><param name="src" value="http://www.youtube.com/v/sGVfhMMZEPA" /></object>
</div>

这是一个更新的工作 fiddle :

JSFIDDLE