Google AMP html - 插入没有src属性的amp-iframe

Question

我正在尝试在AMP页面中运行脚本。

我无需在src属性中加载任何页面;我的脚本应该使用正确的<iframe>注入src（在第一次加载时它是未知的，仅在我的脚本发出请求时收到）。

这可能在AMP吗？

免责声明：我愿意采用不同的方法来完成相同的结果 - 在AMP页面中注入<iframe> src属性。

谢谢

Answer 1

AMP页面首先不能包含任何javascript，因此无效：https://www.ampproject.org/docs/reference/spec.html#html-tags

Answer 2

实现目标的唯一方法是：

1. 创建一个iframe，其src属性指向您控制的HTML页面
2. 在该页面中加载执行该工作的Javascript。您可以在此示例中看到类似的方法：https://ampbyexample.com/advanced/how_to_create_interactive_amp_pages/

Answer 3

正如@ade所说，你可以把它拉掉。想想就好......

您将拥有一个可以点击的HTTPS资源，它将返回空白iframe以及填充iframe所需的所有JS代码。所以基本上是一个完全正常运行的页面，它将被返回到AMP-IFRAME。

然后从AMP-IFRAME标记的src属性调用此选项将拉入包含空白iframe的页面以及填充或操作它所需的所有脚本。因此，所有自定义代码都在AMP-IFRAME标记内发生，但所有这些资源都存在于AMP-IFRAME标记所引入和呈现的嵌入式iframe标记内。

我们有一个自定义视频播放器，与您所说的非常相似。我创建了一个可以通过HTTPS命中的模板，该模板返回一个页面，用于iframe我们的视频以及包含播放和操作它的所有脚本。它全部包含在一个漂亮整洁的小包中，使用AMP-IFRAME所需的唯一内容就是扩展它的脚本。查看所有AMP-FRAME文档here。

希望这有帮助。