1

我正在将任何滑块与 Jquery UI 手风琴一起使用，当我将幻灯片附加到手风琴内时会出现问题，如下所示：

$( "#accordion" ).accordion({
    active: false,
    collapsible: true,
    heightStyle: "content",
    change: function(event, ui) {
        var active = $("#accordion").accordion('option','active');
        switch(active){
            case 0:
                $("#slider1").append('<li class="panel1"><iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>');
                $("#slider1").append('<li class="panel2"><iframe src="http://player.vimeo.com/video/12280336?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>');
                $('#slider1').anythingSlider();
                ...

当我浏览幻灯片时，停止工作的事情是暂停（当您在下一张幻灯片上时，视频在后台播放）

如果我用 HTML 编写幻灯片，则暂停效果很好，例如：

<ul id="slider1">   <!-- START AnythingSlider -->
    <li class="panel1"><iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>
    <li class="panel2"><iframe src="http://player.vimeo.com/video/12280336?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>
</ul> <!-- END AnythingSlider -->

我希望我说清楚了，任何帮助将是最appriciated，谢谢！

4

2 回答 2

1

感谢您提供的信息，顺便说一句，经过更多搜索后，我遇到了 ('#id').anythingSliderVideo(); 并在 ('#id').anythingSlider(); 之后调用它 确实有效！

但我不得不将附加部分更改为：

$("#panel1").append('<iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe>');
$("#panel2").append('<iframe src="http://player.vimeo.com/video/12280336?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe>');

并把：

<li class="panel1"></li>
<li class="panel2"></li>

直接转html...

我不知道这是否是最佳选择，但它对我有用。

就是这样，干杯！

于 2012-11-03T15:58:26.390 回答
0

现在，AnythingSlider 的视频扩展不支持动态添加视频到滑块。我会考虑在未来添加此功能，但我没有太多时间来重写该扩展。对不起 =(

于 2012-11-03T13:57:40.763 回答