Autoplay a video on scroll with WordPress

In advance, my apologies for my bad english.

I’m using WordPress with Elementor.
I wan’t to have an autoplay on my video only when it is in viewport.

I've tried this code :

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

//To check if element is visible
function checkVisible(elm) {
    var rect = elm.getBoundingClientRect();
    var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
    return !(rect.bottom < 0 || rect.top - viewHeight >= 0);
}

//To play-pause self-hosted videos in elementor only when it's visible
$(window).scroll(function () {
    $(".elementor-video").each(function (i, obj) {
        if (checkVisible(obj)) {
            obj.play();
        } else
            obj.pause();
    });
});

});

It's works BUT ONLY if the user has already click on play.
How to improve this ?

In advance, thanks.