即使我没有使用 amp-carousel，我也可以在 amp-story 中使用 amp-video-container 和 amp-video 吗？ amp-video-container 有什么作用？

Question

是否有关于 amp-video-container 的详细文档？我正在尝试了解如何在 amp-story 中使用 amp-video-container 以确保我的视频不会被截断并且可以完整观看。

https://ampbyexample.com/advanced/video_carousels_with_amp-carousel/

  <div>
    <div class="amp-video-container">
      <amp-reach-player class="amp-video"
        data-embed-id="default"
        layout="responsive"
        width="560"
        height="315">
      </amp-reach-player>
    </div>
  </div>

此外，使用 amp-video-container 时是否需要包含此脚本标记？

<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

Answer 1

如果要显示完整视频，可以使用CSS:

amp-video video {
  object-fit: contain;
}

在您提供的代码片段中，amp-video-container 没有什么特别之处；它只是一个 CSS class 名称。您不需要任何额外的脚本来使用这个 CSS，这与 amp-carousel.

无关

即使我没有使用 amp-carousel，我也可以在 amp-story 中使用 amp-video-container 和 amp-video 吗？ amp-video-container 有什么作用？

Can I use amp-video-container with amp-video in amp-story even if I am not using amp-carousel? What does amp-video-container do?

video

amp-html

amp-story