如何在 amp 中使用 IFrame 播放器 API？答案

【问题标题】：How to use IFrame player API in amp?如何在 amp 中使用 IFrame 播放器 API？
【发布时间】：2019-11-11 15:14:36
【问题描述】：

我正在使用来自https://developers.google.com/youtube/iframe_api_reference#playVideo 的 IFrame 播放器 API 创建一个示例 HTML 项目，我想将其转换为 AMP 版本。

我使用<amp-script> 标记遵循https://amp.dev/documentation/components/amp-script/ 的官方文档，但它不起作用。 base.js 文件包含函数onYouTubeIframeAPIReady() 函数，以及over 脚本：

<amp-script layout=container src="/amp/base.js">
<amp-script src="https://www.youtube.com/iframe_api">
<div id="player"></div>
</amp-script>     
</amp-script>

视频未出现在渲染视图中。

【问题讨论】：

为什么不使用amp-youtube？
你好@fstanis，我已经用过 amp-youtube。通过设置一个“id”标签，并使用官方文档中的相同代码调用 onYouTubeIframeAPIReady() 函数，它不起作用，

标签： javascript html amp-html

【解决方案1】：

如果您使用 amp-youtube 组件，则无需使用 YouTube API。组件运行时将为您设置所有内容，您可以改为使用 play 操作来播放视频：

<amp-youtube id="myVideo" data-videoid="mGENRKrdoGY" layout="responsive" width="480" height="270"></amp-youtube>

<button on="tap:myVideo.play">Play</button>

【讨论】：

感谢您的回复，但是如何使用您所说的播放动作，我已经尝试了您的代码，但是播放动作没有播放视频。事实上，出于某些原因，我想在 AMP 中使用 Javascript 处理视频；例如在 YouTube API 中，我想在 6 秒后暂停视频……怎么做？
我认为当前的 API 或 amp-script 不可能做到这一点。我建议您在 AMP 问题跟踪器上提交问题：github.com/ampproject/amphtml/issues