Javascript Flowplayer视频在后台隐藏范围内持续播放

这里是索引文件（javascript）

这是索引文件

<span id="1" class="step">
    <div class="player formplayer" id="player1"></div>
</span>
<span id="2" class="step" style="display:none;">
    <div class="player formplayer" id="player2"></div>
</span>
<span id="3" class="step" style="display:none;">
    <div class="player formplayer" id="player3"></div>
</span>

当我点击next按钮时，它将调用goto_next，并显示/隐藏两个不同的id。 但是，上一个span的视频一直在后台播放。 如何停止所有其他视频并仅播放当前视频？

附言：它在windows上运行良好：chrome、firefox

---

但是mac上的firefox有问题。

尝试使用javascript api（）的stop（）函数停止播放器（）

---

谢谢，它成功了，我也开始了下一页的视频

<span id="1" class="step">
    <div class="player formplayer" id="player1"></div>
</span>
<span id="2" class="step" style="display:none;">
    <div class="player formplayer" id="player2"></div>
</span>
<span id="3" class="step" style="display:none;">
    <div class="player formplayer" id="player3"></div>
</span>

function goto_next(current,page)
{
    flowplayer(0).stop();
    flowplayer(1).stop();
    flowplayer(2).stop();
    $('#'+current).hide();
    $('#'+page).show();
    flowplayer.unload();
}