Youtube видео не воспроизводится при нажатии большого пальца YouTube на мобильном телефоне

Question

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

Примечание. Я не использовал API, например youtube iframe_api и т. Д. Это простой iframe для каждого видео на youtube и написанный код ниже для отображения обложки изображения youtube.

function youTubes_makeDynamic() {
        var $ytIframes = jQuery('iframe[src*="youtube.com"]');
        $ytIframes.each(function (i,e) {
            var $ytFrame = jQuery(e);
            var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0];
            var $ytLoader = jQuery('<div class="ytLoader">');
            $ytLoader.append(jQuery('<img alt="youtube" class="cover lazyload" src="https://i.ytimg.com/vi/'+ytKey+'/hqdefault.jpg">'));
            $ytLoader.append(jQuery('<i class="playBtn material-icons">play_circle_outline</i>'));
            $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);
            });
        });
    };
    jQuery(document).ready(function () {youTubes_makeDynamic()});

Этот код я использую. Он работает на dekstop, но не на мобильных устройствах, как ожидалось.