Как теги <div>взаимодействуют с amp-story в следующих сценариях? - PullRequest
0 голосов
/ 13 октября 2018

Как теги <div> взаимодействуют с amp-story в следующих сценариях?Какой сценарий (сценарии) работает в соответствии с тем, как amp-story должен работать с быстрой загрузкой, без ошибок AMP и т. Д. И почему?

сценарий 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 Ответ

0 голосов
/ 13 октября 2018

Сценарии 1 и 2 недействительны.Все материалы в материалах должны находиться в слое, поэтому сценарий 3 соответствует только этим критериям.

Чтобы проверить, является ли ваш документ действительным AMP, см. http://validator.ampproject.org/. Подробнее о структуреистория AMP, см. понимание частей истории AMP .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...