Google AMP html -插入不带src属性的amp-iframe

Question

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

在src属性中没有需要加载的页面；我的脚本应该用正确的src注入一个<iframe> (它在第一次加载时是未知的，只有在响应脚本发出的请求时才会收到)。

这在AMP中是可能的吗？

免责声明:我对实现相同结果的不同方法持开放态度--在AMP页面中注入一个带有src属性的<iframe>。

谢谢

Answer 1

AMP页面一开始就不能包含任何javascript，所以这将不起作用：https://www.ampproject.org/docs/reference/spec.html#html-tags

Answer 2

实现目标的唯一方法是：

1. 创建一个带有src属性的iframe，指向您控制的

页面，在该页面中，

1. 加载执行此工作的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标记中，AMP-IFRAME标记提取并呈现该标记。

我们有一个自定义的视频播放器，它的工作原理与您所说的非常相似。我创建了一个模板，可以通过HTTPS点击，返回一个页面，其中包括我们的视频框架，以及所有的脚本来播放和操纵它。所有这些都包含在一个漂亮、整洁的小包中，使用AMP-IFRAME唯一需要的就是扩展它的脚本。查看所有的AMP-FRAME文档here。

希望这能有所帮助。