Skip to content

Instantly share code, notes, and snippets.

@sdellis

sdellis/uv-embed.html

Created May 8, 2018 20:58
Show Gist options
  • Save sdellis/e641f16ee71f80046fcd6fb27b3d4367 to your computer and use it in GitHub Desktop.
Save sdellis/e641f16ee71f80046fcd6fb27b3d4367 to your computer and use it in GitHub Desktop.
Download ZIP
This is how you embed UV into a page.
Raw
uv-embed.html
<!DOCTYPE html>
<html>
<head>
<style>
.intrinsic-container {
position: relative;
height: 0;
overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
padding-bottom: 56.25%;
}
.intrinsic-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.container {
padding: 50px;
}
</style>
</head>
<body>
<h1>Sample UV iFrame Embed</h1>
<div class="intrinsic-container intrinsic-container-16x9">
<iframe src="http://localhost:3000/uv.html#?manifest=http://localhost:3000/concern/scanned_resources/d6a17366-c32a-4c3f-aab7-9c3d58327c78/manifest&c=0&m=0&s=0&cv=1&config=uv/examples-config.json&locales=en-GB:English (GB),cy-GB:Cymraeg" allowfullscreen></iframe>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment