fullpage.js视频结束图像显示每个部分

Question

我试图在最后隐藏视频并显示图像，但每次重新加载。我尝试了所有可能的方式，我对js非常新。

这是我的代码

<script type="text/javascript">
    $(document).ready(function() {
        $('#fullpage').fullpage({
            navigation: true,
            navigationPosition: 'right',
            verticalCentered: true,
            onLeave: function(index, nextIndex, direction){
              //var img = document.getElementById("myImg");
              var vid = document.getElementById("myVideo");
              //var vidup = document.getElementById("yourVideo");
              //var hide = document.getElementsById('yourVideo')[0].style.visibility = 'visible';
              if(direction ==='down'){
                    $('video').each(function () {
                        //playing the video
                        $(this).get(0).play();
                    });
                }
                else if(direction ==='up'){
                    $('video').each(function () {
                        //playing the video
                        $(this).get(0).play();
                    });
                }

            },//onLeave END
                afterRender: function () {
                    $('video').each(function () {
                        //playing the video
                        $(this).get(0).play();
                    });
                }
        });
    });
</script>

我需要帮助才能在视频播放后加载图像，并且我会回到幻灯片，视频应该自动播放并在结尾显示图像。