search

zhw2590582 / ArtPlayer

:art: ArtPlayer.js is a modern and full featured HTML5 video player
https://artplayer.org
MIT License
2.42k stars 260 forks source link

display poster image at the end of the video #747

Closed jedgarf closed 2 months ago

jedgarf commented 2 months ago

how to display poster image at the end of the video

I tried this but not working:

art.on('video:ended', () => { art.poster = 'https://artworks.thetvdb.com/banners/v4/series/81797/backgrounds/65a14ba386293.jpg'; });

zhw2590582 commented 2 months ago 
var art = new Artplayer({
    container: '.artplayer-app',
    url: '/assets/sample/video.mp4',
    poster: '/assets/sample/poster.jpg',
});

art.on('video:ended', () => {
    art.template.$poster.style.display = '';
});