Я создаю AMP-версию видео-страниц на моем сайте VOD. Я использую 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 Родительским тегом тега 'picture> source' является 'template', но это может быть только 'picture'. (см. https://amp.dev/documentation/components/amp-img)
Так что теперь я в растерянности.
Есть ли у кого-нибудь идеи, как я мог бы динамически устанавливать исходные URL-адреса за видео после авторизации?