iFrame-responsive tool



Con questo strumento, puoi ottenere dei codici iFrame responsive, per i video di Youtube e altro. In questo modo, verranno visualizzati in correttamente anche sui dispositivi mobili.
Dovi soltanto scegliere il sito e inserire l'indirizzo del video, o della pagina web, nello spazio apposito. Quindi, clicca su "Embed".

Per rendere lo sfondo dell'iFrame trasparente, bisogna aggiungere la stringa indicata in rosso nell'esempio qui sotto:

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 10px; left: 0; width: 100%; height: 100%; }</style>
<body style="background-color:transparent">
<div class='embed-container'><iframe src='URL-pagina' style='border:0'></iframe></div></body>

Consiglio anche, per una migliore disposizione, di aggiungere una distanza di 10px dal margine superiore (top).

In Google sites
, il codice ottenuto va inserito seguendo la guida: Come caricare codici e scripts in Google sites