[Resuelto] opcion a añadir plugin añadiendo codigo en gutemberg para incrustar pdf

quiero incrustrar pdfs en mis cursos online. yu que la carga de pagina no se vea afectada. he logrado hacerlo usando codigo html, pero los pefs solo se ven el pc pero no en tablet o movil. aqui os paso el codigo:

<div style="text-align: center; margin-top: 40px;">

  <button id="show-pdf-btn"

    onclick="document.getElementById('pdf-container').style.display='block'; this.style.display='none'; document.getElementById('hide-pdf-btn').style.display='inline-block';"

    style="padding: 14px 24px; background-color: black; color: white; font-size: 18px; border: none; border-radius: 6px; cursor: pointer; line-height: 0;">

    Ver el PDF

  </button>

  <button id="hide-pdf-btn"

    onclick="document.getElementById('pdf-container').style.display='none'; this.style.display='none'; document.getElementById('show-pdf-btn').style.display='inline-block';"

    style="display: none; padding: 14px 24px; background-color: grey; color: white; font-size: 18px; border: none; border-radius: 6px; cursor: pointer; margin-left: 10px; line-height: 0;">

    Ocultar PDF

  </button>

</div>

<div id="pdf-container" style="display: none; margin-top: 30px; text-align: center;">

  <iframe

    src="https://guitarraycanto.com/wp-content/uploads/2025/08/Aunque-tu-no-lo-sepas-G-Fase-1-Estrofa-1a.pdf"

    width="100%" height="1100px" style="border: none;"></iframe>

</div>

La pregunta es: qué le falta al código para que se pueda desplegar el pdf en movil y tablet coo ya lo hace en el pc?

Gracias

Contenido solo visible a usuarios registrados