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

Question

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

这是一个例子:

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

移动嵌入式iframe后,在Windows 8 IE10中,我无法全屏查看视频.

重新加载iframe似乎也没有修复错误:

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

Answer 1

如果克隆 iframe 会怎样？

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