Show lại images khi video chạy xong

Le_Quy_Nguyen · August 17, 2018, 5:08am

Mình có đoạn js như thế này:

playVideo () {
  $('.box-video').on('click', () => {
    let iframe = '<div class="video-background"><div class="video-wrapper"><iframe frameborder="0" src="' + $('#video .bg').attr('data-video') + '"></iframe></div></div>'
    $('#video .bg').replaceWith(iframe)
    $('.icon-play').hide()
  })
}

Mình muốn hiển thị lại images khi video kết thúc thì làm như thế nào ạ, Cảm ơn

SITUVN.gcd · August 17, 2018, 5:53am

<script>
var video = document.querySelector('video');       
video.addEventListener('ended', function() {
  video.load();     
});
</script>

À, nhớ thêm thuộc tính poster="url hình" của thẻ video nhé