Как скрыть видео после его окончания?

Question

[Кирилл]

По нажатию на кнопку у меня появляется и воспроизводится видео. А после окончания я хочу его скрыть. С js и jq не в ладах но с интернетом соорудил это:

$('.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');
        });
    });

Что нужно прописать/изменить, чтобы скрыть видео после окончания?