Когда следует использовать layout = "fill" по сравнению с layout = "отзывчивый" на видео усилителя в amp-story?Какая разница между двумя? - PullRequest
Новая
       13

Когда следует использовать layout = "fill" по сравнению с layout = "отзывчивый" на видео усилителя в amp-story?Какая разница между двумя?

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

Вот два предложенных фрагмента кода из документации по усилителю для тега amp-video.Какая реализация дает более быстрый и надежный результат в большинстве случаев?В чем разница между двумя фрагментами кода с точки зрения производительности и UX?

первый код с шаблоном template = "fill" и layout = "fill" - https://github.com/ampproject/amphtml/blob/master/extensions/amp-story/amp-story.md#children

<amp-story-page id="cover">
  <amp-story-grid-layer template="fill">
    <amp-video layout="fill" src="background.mp4" poster="background.png" muted autoplay></amp-video>
  </amp-story-grid-layer>
  <amp-story-grid-layer template="vertical">
    <h1>These are the Top 5 World's Most...</h1>
    <p>Jon Bersch</p>
    <p>May 18</p>
  </amp-story-grid-layer>
  <amp-story-grid-layer template="thirds">
    <amp-img grid-area="bottom-third" src="a-logo.svg" width="64" height="64"></amp-img>
  </amp-story-grid-layer>
</amp-story-page>

второй фрагмент кода с шаблоном = "fill" и макетом = "отзывчивый" - https://www.ampproject.org/docs/reference/components/amp-video

<amp-video controls
  width="640"
  height="360"
  layout="responsive"
  poster="images/kitten-playing.png">
  <source src="videos/kitten-playing.webm"
    type="video/webm" />
  <source src="videos/kitten-playing.mp4"
    type="video/mp4" />
  <div fallback>
    <p>This browser does not support the video element.</p>
  </div>

1 Ответ

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

Ни один из них не имеет прямого влияния на производительность;это только меняет макет на странице.Кроме того, атрибут template="fill" действительно особенный в том смысле, что он переопределяет размеры элемента.

Итак, я действительно считаю, что конечный результат здесь будет одинаковым независимо от значения атрибута layout, если атрибут template="fill" установлен на содержащем слое.

...