OVSTechTips


When embedding a Google Slide show into Moodle, if you want the size of the slideshow to be responsive, use the code suggested here:

.google-slides-container{ position: relative; width: 100%; padding-top: 60%; overflow: hidden; } .google-slides-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

where you've added a <div> around the embed iframe code like:

<div class="google-slides-container> ... </div>

Practically speaking, here's the code you want to copy-paste, with embedded styles:

<div class="google-slides-container" style="position: relative; width: 100%; padding-top: 60%; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"

Also, to hide navigation in embedded Google Slides, add the following to the embed src link:

&rm=minimal

A Kwiki bug is causing the above code to display wrong sometimes, it should be an ampersand followed by the text "amp;rm=minimal".