Fullscreen fixes

This commit is contained in:
Sam Potts 2016-01-11 00:07:13 +11:00
parent 9b09c9c7a0
commit 7d077d543b
4 changed files with 32 additions and 27 deletions

2
dist/plyr.css vendored

File diff suppressed because one or more lines are too long

2
dist/plyr.js vendored

File diff suppressed because one or more lines are too long

View File

@ -1431,13 +1431,17 @@
// Play media
function _play() {
if('play' in plyr.media) {
plyr.media.play();
}
}
// Pause media
function _pause() {
if('pause' in plyr.media) {
plyr.media.pause();
}
}
// Toggle playback
function _togglePlay(toggle) {

View File

@ -624,16 +624,17 @@
video {
height: 100%;
}
.plyr-video-wrapper {
.plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr-controls {
.plyr__controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
// Hide controls when playing in full screen
&--fullscreen--hide-controls.plyr--playing {
@ -651,7 +652,8 @@
}
// Captions
.plyr__captions,
&--fullscreen .plyr__captions,
&--fullscreen-active .plyr__captions,
&--fullscreen--hide-controls.plyr--playing.plyr--hover .plyr__captions {
top: auto;
bottom: 90px;
@ -660,7 +662,6 @@
bottom: 60px;
}
}
}
// Change icons on state change
&--fullscreen-active .icon--exit-fullscreen,