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

Question

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

在src属性中没有我需要加载的页面;我的脚本应该注入一个和正确的src（它在第一次加载时是未知的，仅在接收到我的脚本发出的请求时才会收到）。

这在AMP中可能吗？

声明：我接受不同的方法来完成相同的结果 - 在AMP页面中注入和src属性。

谢谢

Answer 1

的AMP页面不能包含在首位任何JavaScript，所以这是行不通的：https://www.ampproject.org/docs/reference/spec.html#html-tags

Answer 2

，以实现自己的目标的唯一方法是：

1. 创建一个带有src属性的iframe，指向您在该页面中控制的一个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。

希望这会有所帮助。