javascript - 我想停止按BXSLIDER上的“下一个”或“上一个”按钮时播放的YouTube视频

Question

我使用此脚本代码。

如何修改脚本？

<div class="video-slider">              
  <div>                 
    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/-xmdWsgmeXk?playsinline=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>            
  </div>
  <div>                 
    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/-xmdWsgmeXk?playsinline=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>            
  </div>
  <div>                 
    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/-xmdWsgmeXk?playsinline=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>            
  </div>    
</div>

<script>
var slider = $(".video-slider").bxSlider({
            pager : false
            onSlideBefore : function($slideElement, oldIndex, newIndex) {
                var src = $slideElement.find("iframe").attr("src");
                console.log(src);               
                $("iframe").attr("src",'').attr("src",src);
            }
        });
</script>

视频地址用于样本。让我知道是否有一个好的方法。

Answer 1

我认为您没有为bxslider检查我的代码编写正确的javascript。

<script>
var slider = $(".video-slider").bxSlider({
            pager : false,
            onSlideBefore : function($slideElement, oldIndex, newIndex) {
                var src = $slideElement.find("iframe").attr("src");
                console.log(src);               
                $("iframe").attr("src",'').attr("src",src);
            }
        });
</script>