如何将allowfullscreen添加到iframe中的featherlight.js？答案

【问题标题】：How to add allowfullscreen to featherlight.js in the iframe?如何将allowfullscreen添加到iframe中的featherlight.js？
【发布时间】：2025-12-07 17:45:01
【问题描述】：

如何为视频添加 allowfullscreen 到 featherlight.js？

http://noelboss.github.io/featherlight/ 网站上的 iFrame 视频示例有 allowfullscreen ，我只是不知道如何将其添加到我自己的视频 url。

我使用的添加视频网址的格式是：

<a href="https://www.youtube.com/embed/aqL9W4VhgoA" data-featherlight="iframe">link</a>

我无法弄清楚将 allowfullscreen 放在哪里，因为将其添加到 URL 不起作用，我也尝试了这个：

<a href="https://www.youtube.com/embed/aqL9W4VhgoA" data-featherlight-allowfullscreen="true" data-featherlight="iframe">link</a>

但是没有用。

谢谢！查尔斯

【问题讨论】：

标签： featherlight.js

【解决方案1】：

要么喜欢这个例子（页面上已经存在一个隐藏的<iframe>），要么使用afterContent 回调来添加属性。

【讨论】：

你能指出添加后内容的代码吗？我只想添加 allowfullscreen 但不想隐藏 iframe，因为它在主页上。非常感谢！