Я использовал видео YouTube через тег iframe, но проблема в том, что курсор мыши находится на странице iframe, а не прокручивает вверх и вниз

Question

вот мой HTML-код, что я хочу делать, когда курсор на iframe, когда я нажимаю на него, воспроизводит видео и когда я прокручиваю прокрутку родительской страницы

<section class="section section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title text-center">
                    <h2>How We Work</h2>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="">
                    <iframe width=560 height=315 src="https://www.youtube.com/embed/wYHA_qStcqE?rel=0&controls=0&showinfo=0" frameborder=0  allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="content">
                   <iframe width=560 height=315 src="https://www.youtube.com/embed/sy41imOrHbg?rel=0&controls=0&showinfo=0" frameborder=0 allowfullscreen></iframe>

                </div>
            </div>
        </div>
    </div>
</section>

Answer 1

Вы можете добавить этот атрибут «прокрутка».

<section class="section section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title text-center">
                    <h2>How We Work</h2>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="">
                    <iframe scrolling="yes" width=560 height=315 src="https://www.youtube.com/embed/wYHA_qStcqE?rel=0&controls=0&showinfo=0" frameborder=0  allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="content">
                   <iframe scrolling="yes" width=560 height=315 src="https://www.youtube.com/embed/sy41imOrHbg?rel=0&controls=0&showinfo=0" frameborder=0 allowfullscreen></iframe>

                </div>
            </div>
        </div>
    </div>
</section>