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"
});

And here a demo

我做错了什么？

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导航无法正常工作。

视频旋转木马与carouFredSel

1 个答案: