HTML 5 video как при окончании видео заново вывести poster который в начале видео?

Question

[Андрей Sky]

Задан poster(картинка перед воспроизведением видео), как сделать чтоб при окончании видео, опять появлялся poster вместо черного квадрата.

Answer 1

[Andrey K]

var video1 = document.getElementById('video1');
video1.addEventListener("ended", function (){
    this.src = this.src
});

С jQuery:

$("#video1").on("ended", function (){
    this.src = this.src
});

Comments

[Андрей Sky]

А можно пример на jquery? При отладке на js пишет: $video.addEventListener is not a function.

Вот листинг кода
function playVideo(){
$('.video').each(function () {
var $vb = $(this);
var $video = $vb.find('video');
$vb.find('.play').on('click', function () {
$(this).fadeOut(
300,
function () {
$(this).remove();
$video
.attr('controls', 'controls')
.each(function () { this.play(); });
}
)
return false;
});
$video.addEventListener("ended", function (){
this.src = this.src
});
});
}

[Андрей Sky]

Andrey Спасибо за помощь!!!