Как теги <div> взаимодействуют с amp-story в следующих сценариях?Какой сценарий (сценарии) работает в соответствии с тем, как amp-story должен работать с быстрой загрузкой, без ошибок AMP и т. Д. И почему?
<div>
сценарий 1: теги div за пределами amp-story
<div> <div class="amp-video-container"> <amp-story-page id="page-1"> <amp-story-grid-layer template="fill"> <amp-video autoplay loop width="720" height="960" poster="https://ampbyexample.com/img/story_video_dog_cover.jpg" layout="responsive"> <source src="https://ampbyexample.com/video/story_video_dog.mp4" type="video/mp4"> </amp-video> </amp-story-grid-layer> </amp-story-page> </div> </div>
сценарий 2: теги div внутри страницы amp-story
<amp-story-page id="page-1"> <div> <div class="amp-video-container"> <amp-story-grid-layer template="fill"> <amp-video autoplay loop width="720" height="960" poster="https://ampbyexample.com/img/story_video_dog_cover.jpg" layout="responsive"> <source src="https://ampbyexample.com/video/story_video_dog.mp4" type="video/mp4"> </amp-video> </amp-story-grid-layer> </div> </div> </amp-story-page>
сценарий 3: теги div внутри сетки amp-story-слой
<amp-story-page id="page-1"> <amp-story-grid-layer template="fill"> <div> <div class="amp-video-container"> <amp-video autoplay loop width="720" height="960" poster="https://ampbyexample.com/img/story_video_dog_cover.jpg" layout="responsive"> <source src="https://ampbyexample.com/video/story_video_dog.mp4" type="video/mp4"> </amp-video> </div> </div> </amp-story-grid-layer> </amp-story-page>
ссылки https://xbyexample.appspot.com/advanced/video_carousels_with_amp-carousel/
Сценарии 1 и 2 недействительны.Все материалы в материалах должны находиться в слое, поэтому сценарий 3 соответствует только этим критериям.
Чтобы проверить, является ли ваш документ действительным AMP, см. http://validator.ampproject.org/. Подробнее о структуреистория AMP, см. понимание частей истории AMP .