Video 什么时候应该使用layout="；填写「；与布局的对比="；“响应性”；amp故事中的amp视频？这两者的区别是什么？

以下是amp视频标签的amp文档中的两个建议代码段。在大多数情况下，哪种实现会产生更快、更可靠的结果？这两个代码片段在性能和用户体验方面有什么不同

使用template=“fill”和layout=“fill”截取的第一个代码 -

此浏览器不支持视频元素

两者都对性能没有直接影响；这只会更改页面上的布局。此外，
template=“fill”
属性实际上很特殊，因为它覆盖了元素的大小

因此，我实际上认为，只要在包含层上设置
template=“fill”
属性，那么不管
layout
属性的值如何，这里的最终结果都是相同的

<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>

<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>