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>
<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">
<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;
}
iframe {
.video-container, iframe {
position: absolute;
top: 0;
left: 0;
@ -47,6 +47,12 @@ header.masthead {
height: 100%;
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) {
height: 100%;