FlexSlider AutoPlay On Video End

jQuery.FlexSlider.autoVideoPlayback.js

    $(function() {
        $('.flexslider').flexslider({
            animation: "slide",
            slideshow: false, // Stop Auto Slide Changes 
            directionNav: false,
            start: function() {
                updateTimeVideoTimeAction();
            }, // Fires when the slider loads the first slide
            before: function() {
                // Stop all Video if any Playback left
                $('.slides video').each(function() {
                    $(this).get(0).pause();
                    $(this).get(0).currentTime = 0;
                });
            }, // Fires asynchronously with each slider animation
            after: function() {
                updateTimeVideoTimeAction();
            }, // Fires after each slider animation completes
        });
    });

    function updateTimeVideoTimeAction() {
        $('.flexslider').flexslider("pause");
        var video = $(".flex-active-slide video").get(0);
        video.play();
        video.addEventListener('timeupdate', (event) => {
            if (video.ended == true) {
                $('.flexslider').flexslider("next");
            }
        });
    }

/* <!-- HTML -->
<div id="main-slider" class="flexslider">
    <ul class="slides">
        <li class="active">
            <video autoplay muted>
                <source src="first-video.mp4" type="video/mp4" />
            </video>
        </li>
        <li>
            <video muted>
                <source src="second-video.mp4" type="video/mp4" />
            </video>
        </li>
     </ul>
</div>
*/