Mobile Safari HTML5 видео - прослушиватель событий "завершился" не срабатывает второй раз

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

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

function playVideo() {
    video.style.display="block";
    //video.load() [adding this the 2nd time wont play]
    video.play();
    video.addEventListener('ended', videoEnd, false);
}

function videoEnd() {
    video.style.display="none";
    bg_image.src="image.jpg";
}