Html 在ngb旋转木马中嵌入youtube iframe

Html 在ngb旋转木马中嵌入youtube iframe,html,angular,iframe,carousel,ng-bootstrap,Html,Angular,Iframe,Carousel,Ng Bootstrap,我正在尝试将Iframe嵌入ngb传送带。转盘显示良好,iframe“选项卡”不是: 编辑 stackblitz:您缺少上述示例中第二个ng模板中的ngbSlide指令。我编辑了stackblitz示例,将该指令添加到该示例中的第三个ng模板中,嵌入的视频如预期的那样显示在第三个选项卡上 显示解决方案的分叉示例:您缺少上面示例中第二个ng模板中的ngbSlide指令。我编辑了stackblitz示例,将该指令添加到该示例中的第三个ng模板中,嵌入的视频如预期的那样显示在第三个选项卡上 显示解

我正在尝试将Iframe嵌入ngb传送带。转盘显示良好,iframe“选项卡”不是:


编辑


stackblitz:

您缺少上述示例中第二个
ng模板
中的
ngbSlide
指令。我编辑了stackblitz示例,将该指令添加到该示例中的第三个
ng模板中,嵌入的视频如预期的那样显示在第三个选项卡上


显示解决方案的分叉示例:

您缺少上面示例中第二个
ng模板
中的
ngbSlide
指令。我编辑了stackblitz示例,将该指令添加到该示例中的第三个
ng模板中,嵌入的视频如预期的那样显示在第三个选项卡上


显示解决方案的分叉示例:

是,请添加NGB滑块:

        <ngb-carousel>
            <ng-template ngbSlide>
              <iframe width="500" height="315" src="https://www.youtube.com/embed/J2qDRJdTGow" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </ng-template>
          </ngb-carousel>

是,请添加NGB滑块:

        <ngb-carousel>
            <ng-template ngbSlide>
              <iframe width="500" height="315" src="https://www.youtube.com/embed/J2qDRJdTGow" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </ng-template>
          </ngb-carousel>


iframe选项卡显示什么?它没有显示选项卡,假设我有2个图像选项卡和视频选项卡,它只显示2个图像选项卡!刚刚试用过,似乎效果不错,你需要用更多细节更新你的问题iframe选项卡显示了什么?它没有显示选项卡,假设我有2个图像选项卡和视频选项卡,它只显示了2个图像选项卡!刚刚试过,似乎效果不错,你需要更新你的问题,提供更多细节