Youtube嵌入视频不显示在Fraction滑块（Drupal 7）中

Question

我在我的网站上使用FractionSlider模块。我想在我的滑块中添加youtube视频。这是我的代码。

    <div class="slider-wrapper">
    <div class="responisve-container">

        <div class="slider">
          <div class="fs_loader"></div>

          <div class="slide">
            <img src="/product/sites/all/themes/bootstrap_business/images/slider/banner_4.jpg" width="1920" height="auto" data-in="fade" data-out="fade" />
            <p class="claim" data-position="20,390" data-in="top" data-out="top" data-step="1">
                <iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="400" src="https://www.youtube.com/watch?v=C0DPdy98e4c" style="min-width:1000px;"></iframe>
            </p>
          </div>

          <div class="slide">
            <img src="/product/sites/all/themes/bootstrap_business/images/slider/banner_1.jpg" width="1920" height="auto" data-in="fade" data-out="fade" />
             <p class="claim slide-heading" data-position="160,430" data-in="top" data-out="top" data-ease-in="easeOutBounce" data-step="1" data-delay="60"><span class="banner-uni">Hello Testing 1</span></p>
          </div>

          <div class="slide">
            <img src="/product/sites/all/themes/bootstrap_business/images/slider/banner_1.jpg" width="1920" height="auto" data-in="fade" data-out="fade" />
             <p class="claim slide-heading" data-position="160,430" data-in="top" data-out="top" data-ease-in="easeOutBounce" data-step="1" data-delay="60"><span class="banner-uni">Hello Testing 2</span></p>
          </div>
        </div>
      </div>
    </div>

我把视频幻灯片放在第一个位置。第一轮当前有3张幻灯片自动运行。

第一轮完成后，然后转到第一张幻灯片（youtube视频幻灯片）。问题是幻灯片不会自动滑动到下一张（第二张幻灯片），它会在youtube幻灯片中停止。这只发生在第二轮。不是第一轮。

我怀疑它是由youtube视频嵌入引起的。所以，我删除它并再次测试。它会再次自动进行。我替换了youtube视频链接中的Facebook视频链接。它有效，但我更喜欢把youtube链接。