nyanloutre/site-max
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Pas de barre noire YouTube

Browse Source
This commit is contained in:
nyanloutre 2018-04-28 19:08:52 +02:00
parent b18a8c1085
commit 03bc7d98fb
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -51,7 +51,9 @@
</nav> </nav>
<header class="masthead"> <header class="masthead">
<div id="player"></div> <div class="video-container">
<div id="player"></div>
</div>
<a class="btn btn-default btn-xl" href="#about"> <a class="btn btn-default btn-xl" href="#about">
<i class="fa fa-angle-down fa-2x" aria-hidden="true"></i> <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>

8
scss/_masthead.scss
View File

@ -39,7 +39,7 @@ header.masthead {
padding: .5rem 1rem; padding: .5rem 1rem;
} }
iframe { .video-container, iframe {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -47,6 +47,12 @@ header.masthead {
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
} }
@media (min-aspect-ratio: 16/9) {
.video-container { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.video-container { width: 300%; left: -100%; }
}
@media (min-width: 768px) { @media (min-width: 768px) {
height: 100%; height: 100%;