amp-youtube

简介

使用 amp-youtube 将 YouTube 视频嵌入到您的 AMP HTML 文件中。

导入 amp-youtube 组件

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

通过视频 ID 嵌入 YouTube 视频。该 ID 可以在每个 YouTube 视频页面的 URL 中找到。

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

设置 autoplay 将在视频滚动到支持的浏览器上的视图中/移出视图时自动播放/暂停 YouTube 视频。

在自动播放开始之前，YouTube 视频会自动静音，当用户点击视频时，视频将取消静音。

如果用户与 YouTube 视频进行了交互（例如，静音/取消静音、暂停/恢复等），并且视频滚动到视图中或移出视图，则视频的状态将保持为用户离开时的状态。

<amp-youtube width="480" height="270" layout="responsive" data-videoid="lBTCB7yLs8Y" autoplay>
</amp-youtube>

所有 data-param-* 属性都将作为查询参数添加到 YouTube iframe src。这可以用于将自定义值传递到 YouTube 插件，例如是否显示控件，例如配置 rel 或 modestbranding 选项。

<amp-youtube width="480" height="270" layout="responsive" data-param-modestbranding="1" data-param-rel="1" data-videoid="lBTCB7yLs8Y">
</amp-youtube>

需要进一步解释？

如果此页面上的解释没有涵盖您的所有问题，请随时联系其他 AMP 用户来讨论您的具体用例。

未解释的功能？

AMP 项目强烈鼓励您的参与和贡献！我们希望您成为我们开源社区的持续参与者，但我们也欢迎您对您特别感兴趣的问题进行一次性贡献。