如何创建这个iframes的引导轮？

Question

我可以使用Bootstrap创建视频的旋转木马(Iframe)的布局如下所示？

​

​

我目前使用的代码如下。问题是：

• 旋转木马指示器显示在视频的顶部(使它们很难看到)，而不是在视频下面。
• 几秒钟后，旋转木马会自动转到下一个视频。相反，我希望旋转木马只去下一个视频，如果访问者点击旋转木马指示。

Answer 1

是的，你可以按你的要求去做。只需移动这个：

<ol class="carousel-indicators">
    <li data-target="#carouselvideo" data-slide-to="0" class="active"></li>
    <li data-target="#carouselvideo" data-slide-to="1"></li>
    <li data-target="#carouselvideo" data-slide-to="2"></li>
  </ol>

在<div id="carouselvideo">容器之外。只要data-target指向#carouselvideo，ol就可以在页面上的任何位置。

对于JS，您可以将interval的选项设置为false

$("#carouselvideo").carousel({interval: false});