Я использую событие "fullscreenchange", чтобы применить нужный мне CSS, добавив или удалив идентификатор (#showFullscreen
), который будет доминировать над CSS, уже примененным к .fullscreen
.
var fullscreen = document.getElementsByClassName("fullscreen");
document.addEventListener("fullscreenchange", function() {
if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement) {
fullscreen[0].setAttribute("id", "showFullscreen");
} else if (!document.fullscreenElement || !document.webkitFullscreenElement || !document.mozFullScreenElement || !document.msFullscreenElement) {
fullscreen[0].removeAttribute("id", "showFullscreen");
}
});
Как мне заставить этот код работать во всех браузерах с использованием vanilla javascript?