我想停止在按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

我认为您的语法正确，请检查我的代码

<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>