JQuery IE删除/附加问题

我在Vimeo和IE上遇到了很多问题。我有一个自定义的视频“播放器”功能，比如youtube——一次显示一个视频，并带有切换视频的选项

第一次尝试：将每个视频保存在一个div中，并使用JQuery fadeIn/fadeOut显示/隐藏它们。在IE/FF/Chrome中工作除了在IE中，在视频之间切换可以保持旧视频和新视频的音频播放。不可接受

第二次尝试：将每个视频保存在div中，并根据需要删除/追加每个视频。但是，在IE中，视频不会第二次加载。在FF/铬合金中工作良好

我觉得我什么都试过了，我已经束手无策了。JSFIDLE：（播放Vimeo的视频；我第二次尝试删除/追加）

非常感谢任何帮助或替代方案

下面是非JSFiddle'rs的代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {

    // When any of our video description divs are clicked, play that video
    // for testing purposes, we only show one video
    // whenever a new video is clicked, we want to remove/append to stop the audio in IE
  $('#descript-1').click(function() {
      $("#video1" ).remove().appendTo('#videoHolder');
  });


});
</script>



<table border="1">
<tr>
<td style="background-color: #003388; color: white; font-weight: bold; padding: 2px; padding-left: 7px;" colspan="2">
<a name="videos">Watch Our Videos</a>
</td>
</tr>
<tr>
<td id="videoHolder" valign="top">

<div id="video1" ><object width="400" height="225"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=23864606&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=1&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=23864606&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1&amp;autoplay=1&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></object>
</div>

</td>
<td style="margin-right: 5px; vertical-align:top;">
<div id="descript-1" style="width: 100%; margin: 5px; background-color: #999999; cursor: pointer;">
    <b>Play This Video</b><br />But why won't it play more than once in IE?
</div>

</td>
</tr>
</table>

$（文档）.ready（函数（）{
//单击任何视频描述div时，播放该视频
//出于测试目的，我们只显示一个视频
//每当单击新视频时，我们都希望删除/附加以停止IE中的音频
$（'#descrippt-1'）。单击（函数（）{
$（“#video1”）.remove（）.appendTo（“#videoHolder”）；
});
});
观看我们的视频
播放此视频
但为什么不在IE中播放多次？

您可以尝试以下方法：

$('#descript-1').click(function() {
    var video = $("#video1");
    $("#video1" ).remove()
    video.appendTo('#videoHolder');
});

或

$（'#descript-1'）。单击（函数（）{
var video=$（“#video1”）.html（）；
$（“#video1”）.remove（）
$（'#videoHolder'）.html（“+video+”）；
});

我不知道它是否会起作用，没有意义，但由于IE中的一切都没有意义，你可以尝试一下

---

还有，IE的问题版本是什么？

您可以尝试以下方式：

$('#descript-1').click(function() {
    var video = $("#video1");
    $("#video1" ).remove()
    video.appendTo('#videoHolder');
});

或

$（'#descript-1'）。单击（函数（）{
var video=$（“#video1”）.html（）；
$（“#video1”）.remove（）
$（'#videoHolder'）.html（“+video+”）；
});

我不知道它是否会起作用，没有意义，但由于IE中的一切都没有意义，你可以尝试一下

---

还有IE的问题版本是什么？

IE 7,8,9-重建视频持有者的html就可以了，谢谢buddyIE 7,8,9-重建视频持有者的html就可以了，谢谢老兄