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类名。您不需要任何其他脚本即可使用此CSS，并且与amp-carousel无关。

即使我不使用amp-carousel，我也可以在amp-story中将amp-video-container与amp-video一起使用吗？ amp-video-container做什么？

1 个答案: