tdehaeze/org-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Better videos => automatic resize

Browse Source
This commit is contained in:
Thomas Dehaeze 2020-11-26 13:41:33 +01:00
parent 4014e7841b
commit 5e68068c7f
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
scss/partials/_video.scss
View File

@ -1,13 +1,17 @@
/* Center Youtube Videos */ // Youtube Videos
div.yt {
iframe { position: relative;
display: block; padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
margin: auto; iframe {
max-width: 100%; position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
} }
/* Video */ // Other Videos
video { video {
max-width: 100%; max-width: 100%;
} }