0

我正在使用Flexslider，在第四张幻灯片中，我有一个使用YTPlayer的 youtube 视频

这是第四张幻灯片的 html 结构

<li>
    <div class="player" data-video-id="ASDsad65w9e52" data-start-at="0>
    </div>
</li>

以及检测何时到达第四张幻灯片的 javascript，我只是使用了“结束”参数

$('#home-slider').flexslider({
    end : function(){

    }
});

然后当它到达第四张幻灯片或只是结束幻灯片时，然后重新初始化 YTPlayer 以在开始时播放视频或再次播放。

$('#home-slider').flexslider({
    end : function(){
        $("#home-slider .player").YTPlayer();
    }
});

但不幸的是，它不起作用，而是给了我这个错误

Uncaught TypeError: $(...)[0].YTPPlay is not a function at Object.end (scripts2.js:310) at m.fn.init.a.flexAnimate (flexslider.min.js:1) at a .animateSlides (flexslider.min.js:1)

有什么想法，请帮忙？

4

1 回答 1

0

尝试这个

$("#home-slider .player").YTPPlay();

如需更多参考，请查看

https://github.com/pupunzi/jquery.mb.YTPlayer/wiki

将以下代码移至$(window).load()

if ($('.player').length) {
    $('section').closest('body').find(".player").YTPlayer();
}

$('.slider-all-controls').flexslider({
    end: function() {
        $('#home-slider .player').YTPlayer();
    }
});

注意你的 ytp 看起来像旧版本，它不支持YTPPlay()它使用playYTP()；

尽管您需要重构站点中的代码..它的方式太混乱了

于 2017-03-21T03:55:14.143 回答