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视频。有什么想法吗？这是一个小提琴：

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>

这是一个更新的工作小提琴：

JSFIDDLE

如何将HTML youtube视频移动/转移到右侧

1 个答案: