Skip to content

Instantly share code, notes, and snippets.

Created April 21, 2014 18:50
Show Gist options
  • Save anonymous/11152483 to your computer and use it in GitHub Desktop.
Save anonymous/11152483 to your computer and use it in GitHub Desktop.
{
"libraries": [],
"mode": "html",
"layout": "fullscreen mode (vertical)",
"resolution": "reset"
}
/* css goes here */
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin:15px 0;
overflow: hidden;
max-width: 100%;
height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
<!-- html goes here -->
<div id="embed-container" >
</div>
/* javascript goes here */
var width = $(window).width(); // grab the window width
var smallUrl= "http://graphics.boston.com/multimedia/graphics/andrew/rub/aha.html?gif=/multimedia/graphics/andrew/gifs/stripgif640.gif"
var largeUurl="http://graphics.boston.com/multimedia/graphics/andrew/rub/aha.html?gif=/multimedia/graphics/andrew/gifs/stripgif640.gif"
if (width < 480)
var src = smallURL;
else src = largeURL;
function createIframe(){
var i = document.createElement("iframe");
var a = Math.random() + "";
var t = a * 10000000000000;
i.src = t;
i.scrolling = "auto";
i.frameborder = "0";
i.width = "100%";
i.height = "600px";
document.getElementById("embed-container").appendChild(i);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment