javascript - swiperjs에서 정지, 재생 버튼 추가

swiper.js에서 자동 슬라이더의 재생, 중지 버튼을 추가하려고합니다. 그래서 나는 이렇게 시도했다

$(function() {
     var homeSwiper = new Swiper('.home_top_swiper', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev', 
        paginationClickable: true,
        autoplay: 3000,
        autoplayDisableOnInteraction: true,
        loop: true,
        autoHeight: true
    });
    $(".swiper-button-pause").click(function(){
                Swiper.autoplay.stop();
            });
            $(".swiper-button-play").click(function(){
                Swiper.autoplay.play();
            });
});
<div class="home_top_swiper">
    <div class="swiper-wrapper"> 
        <div class="swiper-slide">11 </div>
        <div class="swiper-slide">22 </div>
        <div class="swiper-slide">33 </div> 
    </div>
    <div class="swiper-button-prev">prev</div>
    <div class="swiper-button-next">next</div>
    <div class="swiper-button-play">play</div>
    <div class="swiper-button-pause">stop</div>
</div>

하지만 중지, 재생 버튼이 작동하지 않습니다. 내가 무엇을 놓쳤습니까? 아는 사람 있나요?
도와주세요.