Skip to content

Instantly share code, notes, and snippets.

@deedos

deedos/Clappr iframe resposive

Created October 20, 2015 20:26
Show Gist options
  • Save deedos/0020ca19a0defbb4567d to your computer and use it in GitHub Desktop.
Save deedos/0020ca19a0defbb4567d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Clappr iframe resposive
<div class="videoWrapper">
<iframe allowfullscreen="" frameborder="0" height="360" src="/path/to/your/clappr" width="640"></iframe></div>
<style type="text/css">.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
For the player itself, set 100% for width and height
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment