Start a new topic

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

<div style="width: 958px; height: 537px; overflow: hidden;">
<iframe style="position: relative; left: -1px; top: -2px;" src="https://docs.google.com/presentation/d/e/2PACX-1vQqSUsvCuy9dKKbiiVpv00VMPAQ__m5tfl8yYuS7ZAjO3suuELe5foVmS9zHiXlYR1jeZ_dAL72RnBg/embed?start=false&amp;amp;amp;loop=false&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;">


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

<iframe  style="position: relative; left: -1px; top: -2px;"

Login or Signup to post a comment