Jquery 如何在Slick Slider中使用mediaelementjs自动播放和暂停视频

我下面的代码仅适用于滑块中有一个视频，但滑块中有多个视频的情况

我的光滑滑块js：

$('.video_full').slick({ 
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.videos',
    autoplay: true,
    autoplaySpeed: 3000 
});

$('.videos').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    asNavFor: '.video_full',
    dots: false,
    centerMode: false,
    focusOnSelect: true,
    vertical: false,
    arrows: false
});

$('.video_full').on('afterChange', function(event, slick, currentSlide) {
    if (currentSlide == 1) {
        $('.video_full').slick('slickPause');
        $('#theVideo').get(0).play();
    }
});

document.getElementById('theVideo').addEventListener('ended', myHandler, false);

function myHandler(e) {
    $('.video_full').slick('slickPlay');
}

---

你可以使用J播放器。从那里您可以自定义按钮