Change control button image when fullscreen is active

This commit is contained in:
Elie Genard 2019-09-11 17:30:26 +02:00
parent a7459b78d4
commit 9cbdfd6969
2 changed files with 14 additions and 4 deletions

View file

@ -388,12 +388,18 @@
}
toggleFullscreen() {
const fullscreenEnabled = document.fullscreenEnabled && document.fullscreenElement;
const { fullscreenEnabled, fullscreenElement } = document;
if (fullscreenEnabled) {
document.exitFullscreen();
const isElementFullscreen = fullscreenElement && fullscreenElement === this.media;
if (fullscreenEnabled && isElementFullscreen) {
document.exitFullscreen().then(() => {
this.elements.fullscreenSwitch.classList.remove("fullscreen-active");
});
} else {
this.media.requestFullscreen();
this.media.requestFullscreen().then(() => {
this.elements.fullscreenSwitch.classList.add("fullscreen-active");
});
}
}