Как мне отследить конец видео ролика?

Возникла у меня такая проблема мне необходимо вставить видео с Ютуба, и по его окончанию мне нужно расположить картинку на весь экран. Я решил отследить конец видео , но у меня это не выходит пожалуйста помогите советом .

<div class="video-background">
    <div class="video-fireground">
        <iframe id="video" width="1351" height="480" src="https://www.youtube.com/embed/tqLjS0bVFYM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>

var video = document.getElementById('video');

   video.addEventListener('ended',function(){
      alert('конец видео')
})