Media from CDN, added full browser mode
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
@ -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,
|
||||
|
Reference in New Issue
Block a user