我的页面分为3个区域,一个在左边,一个在右边,一个在中间,通常是隐藏的。
左侧部分显示YouTube,Photosynth,音频媒体HTML5等内容。
我创建了一个将内容移动到中间区域的动作。
$('.iilVisualizerContainer').appendTo('#iilecJQuery');
隐藏源div并使用更改宽度的动画取消隐藏目标。
标识为iilecJQuery
的元素是iframe
,其中包含如下媒体对象:
<iframe width="560" height="315" src="//www.youtube.com/embed/xxxxx" frameborder="0" allowfullscreen></iframe>
每次移动iframe
时,内容都会重新开始。
是否可以阻止此类事件?
答案 0 :(得分:1)
如果您从DOM中删除了一些元素,并再次附加它们,它将不再是相同的DOM元素,来自youtube的视频将再次加载,就像文件在正文上载后准备就绪一样。
您可以考虑在身体中附加iframe,并使用css(绝对/相对)调整位置。 您可以根据需要为iframe设置动画,但不要将其从DOM中删除