Javascript - проблема с автоматическим воспроизведением видео

Question

Я работаю над сценарием, который делает автозапуск видео.Я пытался, но это не сработало.Я приложил свой код и мою тестовую ссылку ниже для получения дополнительной информации.

window.addEventListener("scroll",  videoPlay);

function videoPlay(){
    var scrollTop     = jQuery(window).scrollTop();
    var  elementOffset =  jQuery("#my_video_1").offset().top;
    distance      = ( elementOffset - scrollTop );

    if(distance <= 250){
        let player = document.querySelector("#my_video_1");
        player.muted= true;
        player.play();
        // return player
    }
}

http://dev.netbramha.in/projects/test-coder/contact.html

Пожалуйста, помогите в этом.Спасибо:)

Answer 1

Проверьте это

window.addEventListener("scroll",  videoPlay);

     function videoPlay(){
            var scrollTop     = jQuery(window).scrollTop();
            var  elementOffset =  jQuery("#my_video_1").offset().top;
            distance      = ( elementOffset - scrollTop );

            if(distance <= 250){
                var myPlayer = videojs('my_video_1');
                myPlayer.play();
                jQuery("#my_video_1").addClass("vjs-playing");
               }
            }