Tengo una página que está enmarcando una página que contiene un video de YouTube incrustado en un iframe. Cuando trato de hacer clic en el botón de reproducción en los controles de video, el video intenta comenzar pero de repente no se reproduce, la única vez que comienza a reproducirse es cuando hago clic directamente en el botón de YouTube ubicado en el medio del video que es parte del iframe incrustado de youtube, los controles de video están fuera del iframe incrustado de youtube. Una vez que el video se ha reproducido con el botón de YouTube, el botón de reproducción de los controles de video ahora puede reproducir y pausar el video. Esto solo sucede cuando se intenta reproducir el video desde la página que encuadra la página que enmarca el video de YouTube. Si trato de reproducir el video desde la página que está enmarcando el video de YouTube directamente, funciona como se esperaba. Intenté algunas de las soluciones sugeridas, como incluir el atributo sandbox en el iframe que incrusta el sandbox="allow-scripts allow-same-origin" , así como incluir el parámetro de consulta html5=1 en la URL del video de youtube, sin embargo, esto ha fallado. Enlaces a las soluciones intentadas https://stackoverflow.com/a/21250665/8513875 y https://support.google.com/youtube/forum/AAAAiuErobUAY5QGdPhXlE/?hl=en&gpf=%23!topic%2Fyoutube%2FAY5QGdPhXlE . Para más contexto de la estructura.

1. iframe de página página que contiene iframe de video de youtube

 <iframe sandbox="allow-modals allow-same-origin allow-scripts allow-popups allow-forms allow-popups-to-escape-sandbox" frameBorder="0" id="iframe-0-0" class="lazy iframe" src="url to page iframing the youtube video" scrolling="no" style="overflow: hidden;" ></iframe>

2. Página iframeing del video de youtube. Este es el iframe del video de YouTube en esa página.

 <iframe id="a8eb17993e3e40568078ad0f72ca40bc" sandbox="allow-scripts allow-same-origin" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/<video_id>?controls=0&amp;wmode=transparent&amp;rel=0&amp;showinfo=0&amp;enablejsapi=1&amp;modestbranding=1&amp;cc_load_policy=0&amp;html5=1&amp;widget_referrer=<home url to page iframing the page iframing the video>%2F&amp;origin=<home url to page iframing the video>&amp;widgetid=1" tabindex="-1" style="height: 459.562px; width: 817px; top: 22.7188px; left: 0px;"> </iframe>

Cualquier idea sobre por qué esto podría estar sucediendo y qué soluciones podría intentar. Gracias.