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=";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%;"

Was this article helpful?
5 out of 9 found this helpful



Please sign in to leave a comment.