Articles on: Tips & Tricks

How do I embed a google slide into a landing page and hide the controls?

How do I embed a google slide into a landing page and hide the controls?



<div style="width: 958px; height: 537px; overflow: hidden;max-width: 100%;margin: auto;">
<iframe style="position: relative; left: -1px; top: -2px;max-width: 100%;" src="https://docs.google.com/presentation/d/e/2PACX-1vQqSUsvCuy9dKKbiiVpv00VMPAQ__m5tfl8yYuS7ZAjO3suuELe5foVmS9zHiXlYR1jeZ_dAL72RnBg/embed?start=false&amp;amp;amp;amp;amp;loop=false&amp;amp;amp;amp;amp;delayms=3000"  frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>


Embedding the slides is done via an iframe. Then with the iframe you want to push it up by 32 pixels to hide the controls.

Thus the opening div:

<div style="width: 958px; height: <frame height - 32>px; overflow: hidden;max-width: 100%; margin: auto;">

As well, inside the frame, style it to relative position

<iframe style="position: relative; left: -1px; top: -2px;max-width: 100%;"

Updated on: 20/09/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!