嵌入的YouTube视频暂停时前进滑块

时间:2016-02-23 19:55:26

标签: javascript jquery video youtube slider

背景
*我使用名为NinjaSlider的优秀滑块。如果您前进滑块,此滑块将暂停视频。我有一个限制,我可以看到。

问题
*当我使用YT播放器控件暂停YouTube视频或点击视频时,滑块不会前进。插件开发人员说这不是一个功能,但我很好奇,如果那些比我更聪明的方法知道一个解决方法吗?
*这个插件确实有一个" x"按钮位于视频的右上角,按照我的要求执行操作。我的问题是关于YouTube暂停操作。

问题
*一旦用户点击YouTube暂停按钮或点击视频(使其暂停),是否可以推进滑块?

CODEPEN
http://codepen.io/zuhloobie/pen/EPqwoR

HTML

  <div class="container">
<div id="ninja-slider">
  <div class="slider-inner">
    <ul>
      <li>
        <div class="video">                                             
           <iframe src="https://www.youtube.com/embed/alIq_wG9FNk?enablejsapi=1&start=0&rel=0&showinfo=0&iv_load_policy=3&modestbranding=1&autohide=1&fs=0" frameborder="0" allowfullscreen data-autoplay="1">
            </iframe>
        </div>
      </li>
      <li><img class="ns-img" src="http://dummyimage.com/1000x424/cccccc/ffffff&text=slide+two"></li>
      <li><img class="ns-img" src="http://dummyimage.com/1000x424/333333/ffffff&text=slide+three"></li>
      <li><img class="ns-img" src="http://dummyimage.com/1000x424/999999/ffffff&text=slide+four"></li>
    </ul>
  </div>
</div>

0 个答案:

没有答案