How to hide a video after it ends?

Question

JavaScript

By clicking on the button, a video appears and plays. And when I'm done, I want to hide it. With js and jq at odds, but with the Internet I built this:

$('.video-button').click(function() {
      this.style.display = 'none';
      $('.video').css('display', 'block');
      $('.video').prop('src', '/img/video.mp4');
      $('.video').on('ended',function(){ 
        $('.video').css('display', 'none');
        });
    });

What needs to be written / changed to hide the video after the end?