目前我的站点中有以下 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 :
最佳答案
尝试用 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 :
关于javascript - 如何将 HTML youtube 视频向右移动/过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20891113/