Javascript 使用jquery在dom中移动嵌入式youtube iframe会导致全屏在Windows8 IE10中无法工作

我正在尝试移动一个div的内容并将其附加到另一个div。我正在移动的div包含一个嵌入式youtube iframe。当我尝试在移动div后单击全屏按钮时，视频会重置，而不是继续全屏播放。如果我将iframe本身移动到另一个位置，同样的问题也会发生

下面是一个例子：

$(iframes).each(function() {
    $('.tab_content').append($(this));
});

移动嵌入式iFrame后，在Windows8IE10中，我无法全屏观看视频

重新加载iframe似乎也无法修复该错误：

$('iframe').each(function() {
    var src = $(this).attr('src');
    $(this).attr('src', '');
    $(this).attr('src', src);
});

---

如果克隆iframe呢

$(iframes).each(function() {
    $('.tab_content').append($(this).clone());
});

---

你可以用这个方法

$('iframe').each(function() {
    $('.tab_content').append($(this).prop('outerHTML'));
    $(this).remove();
});

---

干杯

你能在JSFIDLE中复制这个问题，让人们自己尝试吗？