Skip to content

Instantly share code, notes, and snippets.

@patmifsud

patmifsud/index.html

Created March 7, 2023 04:51
Show Gist options
  • Save patmifsud/7b6b6afa986da7c88886c841ce8844ee to your computer and use it in GitHub Desktop.
Save patmifsud/7b6b6afa986da7c88886c841ce8844ee to your computer and use it in GitHub Desktop.
Download ZIP
Vimeo embed border radius
Raw
index.html
<div class="container">
<div class="video_wrapper">
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/564098750?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
</div>
</div>
Raw
style.scss
.container {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.video_wrapper {
width: 400px;
iframe {
border-radius: 20px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment