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 // Play media
function _play() { function _play() {
if('play' in plyr.media) {
plyr.media.play(); plyr.media.play();
} }
}
// Pause media // Pause media
function _pause() { function _pause() {
if('pause' in plyr.media) {
plyr.media.pause(); plyr.media.pause();
} }
}
// Toggle playback // Toggle playback
function _togglePlay(toggle) { function _togglePlay(toggle) {

View File

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