How to play video header only once

[MIJABA]

I’ve added a video at the header of my webpage, but it plays at loop. I want only to reproduce once.

Is possible?

[rad]

Hi Miquel,

Thanks for reaching out.

It’s designed by default since it’s background without controls. But, you can try adding this code to your Theme Options > JS

jQuery(document).ready( function($){

$('.x-slider-container.bg-video video').prop('loop', false);

} );

If it’s not working, then please remove that code and try this instead

document.querySelector('.x-slider-container.bg-video video').addEventListener('ended', function () {
    this.pause();
})

This should only serve as a snippet and we can’t provide any customization regarding them. It may or may not work depending on the setup. But at least it works on our demo.

Thanks!