将amp-video添加到amp-carousel

时间:2019-04-12 17:58:23

标签: amp-html

我正在尝试为网站上的页面布局创建一个图库。每当我尝试将amp-video添加到我的amp-carousel时,视频都会拒绝显示在列表中。

如果我在div周围添加一个amp-video,它会显示在列表中,但对于lightbox来说是不可点击的。

当前代码:

<amp-carousel lightbox height="100" layout="fixed-height" type="carousel">
    <amp-video width="178" height="100" poster="video.jpg">
        <source src="video.webm" type="video/webm" />
        <source src="video.mp4" type="video/mp4" />
        <source src="video.ogg" type="video/ogg" />
        <div fallback>
            <p>This browser does not support the video element.</p>
        </div>
    </amp-video>
    <amp-img src="image.webp" width="178" height="100">
        <amp-img placeholder src="image.jpg" layout="fill"></amp-img>
    </amp-img>
</amp-carousel>

在没有amp-carousel的实时网站上amp-video的示例:
https://www.bookitdirect.com/adventure-karts/ketchikan

0 个答案:

没有答案