隐藏时停止 Flash 视频

Question

我知道这个问题在 Stack 上已经被问过两次了……但我仍然需要帮助。我有 2 个 div，每个 div 都包含 SWFObject。这是显示/隐藏我的 Div 的 jquery：

$(document).ready(function(){ 
 $("#DIV2").hide();

  $('#button1').bind('click', function() {
    $("#DIV1").hide();
    $("#DIV2").show();
  });

  $('#button2').bind('click', function() {
    $("#DIV1").show();
    $("#DIV2").hide();
});
});

但是我需要 DIV2 中的视频在隐藏时停止播放，并在再次显示时从头开始。根据我的阅读，我需要将其从 DOM 中删除......但我不明白如何重新添加它。我已经看到了 detach(); 的建议但无法弄清楚我的 AppendTo() 会去哪里。

有人可以帮忙吗？我真的很感激。顺便说一句，这里是 相关帖子（其中包含指向另一篇相关帖子的链接）。

先感谢您！

Answer 1

谢谢你的帮助，本。在看到您最近的回复之前，我最终使用了我在 类似的帖子，但像这样调整：

 // Remove and re-add video
 var clone = $("#video").clone(true);
 $("#video").remove();
 $("#video-holder").html(clone);

这对我来说非常有效。我给了我的 swfobject 一个 ID“video”，它位于 div“video-holder”内。希望这对其他人有帮助！

Answer 2

根据我之前的经验，分离包含 flash 对象的 DOM 元素很容易导致浏览器崩溃，如果我没记错的话，firefox 特别容易受到攻击。

您可以通过执行类似 $("#DIV1 OBJECT").remove() 之类的操作来删除子元素，然后在再次需要它们时使用 swfobject 再次添加。

或者，您可以使用 ExternalInterface 尝试通过 JavaScript 与 Flash 对象进行通信。

您并没有说明如何播放视频，但是如果您有自己的自定义播放器，则需要在 Flash 文件中添加一些接口才能做到这一点，否则，您使用的播放器可能有一些现有的外部接口你可以用它。