james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-09-13 18:00:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

responsive video iframe

Browse Source
This commit is contained in:
Nazar Kanaev
2021-05-13 21:42:34 +01:00
parent da267a56ef
commit 28f08ad42a
4 changed files with 66 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/assets/stylesheets/app.css
View File

@@ -360,6 +360,27 @@ select.form-control:not([multiple]):not([size]) {
margin-bottom: 0.5rem;
}
.content .video-wrapper {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.content .video-wrapper::before {
display: block;
padding-top: 56.25%; /* 16x9 aspect ratio */
content: "";
}
.content .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.content pre {
overflow-x: auto;
color: inherit;