如何自动将 allowfullscreen 添加到每个新的 iframe答案

【问题标题】：How can I automatically add allowfullscreen to every new iframe如何自动将 allowfullscreen 添加到每个新的 iframe
【发布时间】：2017-07-24 17:42:55
【问题描述】：

我在我的博客中使用这样的代码：

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/0eBDVy5nihM?rel=0" frameborder="0" allowfullscreen></iframe>

我的问题很简单，如何使用 javascript/jQuery 自动将allowfullscreen 添加到每个新 iframe？

另外，我认为脚本应该识别是否已经添加了标签allowfullscreen。

我在其他任何地方都找不到解决方案。

【问题讨论】：

您目前如何创建 iframe？

标签： javascript jquery html iframe

【解决方案1】：

从这里：https://stackoverflow.com/a/3774041/3764994 在这里：Set IFrame allowfullscreen with javascript

要获取所有 iframe 元素，请使用 getElementsByTagName()，然后使用 for 循环遍历这些元素：

类似这样的：

var i, frames;
frames = document.getElementsByTagName("iframe");
for (i = 0; i < frames.length; ++i)
{
      // The iFrame
    if (!frames[i].hasAttribute("allowfullscreen")) {
        frames[i].setAttribute('allowFullScreen', '')
    }
}

【讨论】：

谢谢，这个更完整，所以我将把它作为最佳答案。这两个空引号意味着它只会添加到没有 Allowfullscreen 的元素？
到没有的元素*
并非所有的属性都需要值，例如本例。所以空字符串只是为了设置属性而已（api.jquery.com/attr/#attr-attributeName-value）

【解决方案2】：

应该是这样的：

$('iframe').attr('allowFullScreen', '');

无需检查 allready set allowfullscreen，因为如果是，则不会出现错误。

【讨论】：

这个技巧很有效，所以我可以验证我的网站而不会收到验证器的警告......谢谢！