如何在 AMP 上分享具有特定开始和结束时间的 YouTube 视频？

Posted 2023-02-24

【中文标题】如何在 AMP 上分享具有特定开始和结束时间的 YouTube 视频？

【英文标题】：How to share a YouTube video with a specific start and end time on AMP?

【发布时间】：2018-08-19 02:00:06

【问题描述】：

如何在 Accelerated Mobile Pages (AMP) 上共享具有特定开始和结束时间的 YouTube 视频？

【问题讨论】：

您要展示或分享吗？您可以使用开始和结束参数，如youtube.com/embed/YvuJtlMDja0?start=50&end=70

该方法无效，因为页面 AMP 中的视频是这样工作的：<amp-youtube width="480" height="270" layout="responsive" data-videoid="lBTCB7yLs8Y"> </amp-youtube>

使用 amp-iframe 代替 amp-youtube 来实现您的目标

@BachchaSingh 将 YouTube 视频放在 iframe 中将无法正常工作，这是一个测试模型：jsfiddle.net/ngqg603u

查看我的回答，希望对您有所帮助

【参考方案1】：

amp-iframe 可能不会出现在文档顶部附近。滚动到顶部时，iframe 必须距顶部 600 像素或不在视口的前 75% 内，以较小者为准。为了在上面工作，我们必须使用placeholder 属性

Here is working URL

FOR MORE INFORMATION

【讨论】：

@Asfar 如果这个答案对你有帮助，请接受这个，以便其他社区成员也能从中获得帮助。

【参考方案2】：

您可以通过在amp-youtube 标记上将start=<number of seconds from beginning> 作为data-param-start=<number of seconds from beginning> 数据参数传递来指定开始时间。结束时间类似。

请参阅文档中的 Attributes 部分 - https://amp.dev/documentation/components/amp-youtube/?format=websites