0

我正在我的 VOD 网站上创建 AMP 版本的视频页面。我amp-access用于对用户进行身份验证，然后amp-subscriptions检查用户是否购买了对视频的访问权限。这工作正常。但是，我遇到的困难是如何source为视频本身动态设置元素。

由于这些视频是高级视频，我不希望页面加载时标记中的源 URL。我想要发生的是：如果用户购买了访问权限，则将<source>子元素动态添加到我的amp-video标签中。

我试过使用amp-list和获取这样的源 URL：

<amp-list layout="nodisplay" src="/amp/encodings.json">
    <template type="amp-mustache">
        <source src="{{url}}" />
    </template>
</amp-list>

但这似乎在浏览器控制台中引发了以下错误：

AMP 验证出现错误： http ://example.com/video.amp.html:295:48标签“图片 > 来源”的父标签是“模板”，但只能是“图片”。（见https://amp.dev/documentation/components/amp-img）

所以现在我很茫然。

有没有人知道如何在授权后动态设置视频的源 URL？

4

1 回答 1

0

我不确定您到底在寻找什么，但我可以建议您在这里使用 amp-iframe。您可以在单独的页面上加载视频内容，并通过网页上的 amp-iframe 加载它。

通过这种方法，您可以在 iframe 加载页面中添加所有相关的脚本/样式，而不受任何限制。

于 2020-05-28T14:44:51.107 回答