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

Moving embedded youtube iframe in dom with jquery causes fullscreen to not work in Windows8 IE10

本文关键字：Windows8 工作 IE10 iframe 移动 dom jquery 使用 youtube      更新时间：2023-09-26

我正在尝试移动一个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').each(function() {
    $('.tab_content').append($(this).prop('outerHTML'));
    $(this).remove();
});

干杯！

如果克隆iframe会怎样？

$(iframes).each(function() {
    $('.tab_content').append($(this).clone());
});
相关文章：