Media from CDN, added full browser mode

This commit is contained in:
Sam Potts
2015-02-17 12:26:31 +11:00
parent a36a30f1b0
commit 3acd033bea
8 changed files with 28 additions and 163 deletions

View File

@ -68,17 +68,19 @@ header {
}
}
.example-audio .player,
.example-video .player {
margin: 0 auto 40px;
&:fullscreen {
max-width: none;
}
}
// Players
.example-audio .player {
max-width: 480px;
}
.example-video .player {
max-width: 1200px;
}
.example-audio .player,
.example-video .player {
margin: 0 auto 40px;
&:fullscreen,
&-fullscreen {
max-width: none;
}
}

View File

@ -339,6 +339,7 @@
}
// Full screen mode
&-fullscreen,
&:fullscreen {
position: absolute;
top: 0;
@ -347,6 +348,7 @@
bottom: 0;
height: 100%;
width: 100%;
z-index: 999999;
.player-video {
height: 100%;
@ -385,6 +387,12 @@
}
}
// Full browser view hides toggle
&-fullscreen [data-player='fullscreen'],
&-fullscreen [data-player='fullscreen'] + label {
display: none;
}
// Some options are hidden by default
[data-player='captions'],
[data-player='captions'] + label,