javascript - 为什么设置 iframe 的 allowfullscreen 属性似乎没有保留该属性

Question

在我的代码中，我设置了 iframe 的 allowfullscreen 属性，该属性被 SkyLight 包围，SkyLight 是 react.js 中模态视图的 npm 模块

            <SkyLight dialogStyles={myBigGreenDialog} hideOnOverlayClicked ref="simpleDialog">
              <iframe src=url frameborder="0" width="960" height="569" allowfullscreen="true"></iframe>;
            </SkyLight>

但是，当我检查页面时，我的 iframe 没有属性 allowfullscreen:


当我手动添加属性 allowfullscreen="true"但是，在控制台中，iframe 可以全屏显示。

有谁知道如何确保 allowfullscreen 属性存在而不通过控制台手动添加它？

Answer 1

见 the documentation .

react 是 区分大小写 ，该属性称为 allowFullScreen ，而不是 allowfullscreen .它也是一个 bool 属性，所以 true不是它的有效值。

<iframe src="http://example.com" frameborder="0" width="960" height="569" allowFullScreen></iframe>

see a live demo