javascript - 带有 carouFredSel 的视频轮播

Question

单击上一个按钮时，视频不会停止播放。它仅适用于下一个按钮。

html代码：

<div id="arrow-up">&laquo;</div> 
<ul id="list">          
   <li><iframe width="420" height="315" src="http://www.youtube.com/embed/DylcJqqYKLU?rel=0" frameborder="0" allowfullscreen></iframe></li>
   <li><iframe width="420" height="315" src="http://www.youtube.com/embed/r1MN4pR5wXM?rel=0" frameborder="0" allowfullscreen></iframe></li>
   <li><iframe width="420" height="315" src="http://www.youtube.com/embed/PVzljDmoPVs?rel=0" frameborder="0" allowfullscreen></iframe></li>
</ul>                     
<div id="arrow-down">&raquo;</div>

剧本：

$("#list").carouFredSel({
    direction: "up",
    auto : false,
    prev : "#arrow-up",
    next : "#arrow-down"
});  

这里有一个演示

我做错了什么？

Answer 1

它在这个页面上为我工作：http: //ethosfactory.com/Branding/Projects/Videos.shtml

这是我在正文关闭标记之前使用的代码：

<script type="text/javascript">
    $(document).ready(function() {
    $('#gallery').nivoGallery({
        startPaused: true,
        beforeChange: function(index, slide, paused){
            $('#gallery video').get(index).pause();
            },
    });
    });
</script>

一个问题：最后一张幻灯片的加载破坏了脚本，因此 Nivo 导航都不起作用。