当我按下 BXSLIDER 上的下一个或上一个按钮时，我想停止播放的 YouTube 视频答案

【问题标题】：I want to stop the YouTube video that is played when I press the Next or Previous button on BXSLIDER当我按下 BXSLIDER 上的下一个或上一个按钮时，我想停止播放的 YouTube 视频
【发布时间】：2020-04-17 06:17:24
【问题描述】：

我使用这个脚本代码。

如何修改我的脚本？

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

视频地址用于示例。有什么好的方法请告诉我。

【问题讨论】：

标签： javascript jquery video youtube bxslider

【解决方案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>

【讨论】：