点击

Question

这是代码

 <div class="video-block">
     <iframe width="920" height="572" src="https://www.youtube.com/embed/Bp3lxx7kkPs" frameborder="0" allowfullscreen></iframe>
        <div class="video-mask">
            <div class="play-block">
                <button type="button" class="play-btn">
                    <i class="play_icon"></i>
                </button>
                <p>Video Presentation</p>
            </div>
        </div>
    </div>

这是JS

$(".play-block").on("click", function(playBtnEvent) {

    playBtnEvent.preventDefault();

    parentEl = $(this).closest(".video-block");

    indexVideoBox = parentEl.index(".video-block");

    videoIdAttr = "video_" + indexVideoBox;

    parentEl.find("iframe").attr("id", videoIdAttr);

    $(this).closest(".video-mask").fadeOut(300);

    $("#" + videoIdAttr)[0].src += "?rel=0&autoplay=1";            

});

当我点击.play-block时，我可以在iframe中启动视频。这适用于桌面。在智能中需要在iframe之后点击.play-block。 要播放此视频，需要点击一下。 如何解决这个问题？