Автоматическое воспроизведение YouTube видео на основе изображения

Question

Я использую приведенный ниже код для замены видеоизображений на изображения постеров, поскольку загрузка страницы с несколькими видео занимает очень много времени, но я не могу понять, как отредактировать код, чтобы получить видео, которое загружается для автоматического воспроизведения.Я использую это с WP Bakery, поэтому не могу изменить параметры iframe.Когда я нажимаю «playBtn», изображение плаката исчезает и заменяется видео, но я должен щелкнуть второй раз для воспроизведения.Любая помощь будет принята с благодарностью.

 function youTubes_makeDynamic() {
        var $ytIframes = $('iframe[src*="youtube.com"]');
        $ytIframes.each(function (i,e) {
            var $ytFrame = $(e);
            var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0];
            var $ytLoader = $('<div class="ytLoader">');
            $ytLoader.append($('<img class="cover" src="https://i.ytimg.com/vi/'+ytKey+'/maxresdefault.jpg">'));
            $ytLoader.append($('<img class="playBtn" src="http://localhost:8888/testsite/wp-content/themes/theretailer/images/play.png">'));
            $ytLoader.data('$ytFrame',$ytFrame);
            $ytFrame.replaceWith($ytLoader);
            $ytLoader.click(function () {
                var $ytFrame = $ytLoader.data('$ytFrame');
                $ytFrame.attr('src',$ytFrame.attr('src')+'?autoplay=1');
                $ytLoader.replaceWith($ytFrame);
            });
        });
    };
    $(document).ready(function () {youTubes_makeDynamic()});