The Instructure Community will enter a read-only state on November 22, 2025 as we prepare to migrate to our new Community platform in early December.
Read our blog post for more info about this change.
You could try this code just put in your src url in between the quotes. This should give you a window that expands and contracts with the browser width in proportion
<div style="position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden;">
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="" ></iframe>
</div>
if you want the object slightly smaller (60% width) you could try this:
<div style="position: relative; padding-bottom: 33.75%; padding-top: 0px; overflow: hidden; width: 60%; height: 60%; left: 20%; right: 20%;">
<iframe style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;" src="" ></iframe>
</div>
I usually use this code to embed video but it should work with your PDF
Community helpTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign inTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign in