Fullscreen: iOS Safari podpora prek webkitEnterFullscreen na videu

This commit is contained in:
Sebastjan 2026-07-07 09:52:27 +00:00
parent a89400b1bc
commit d33fddcaa7

View File

@ -72,7 +72,7 @@
<img class="stage-poster" id="poster" src="/assets/stage_folx_v2.png" alt="" />
<div class="scrim"></div>
<video id="v" autoplay muted playsinline tabindex="-1" disablepictureinpicture
controlsList="nodownload nofullscreen noremoteplayback noplaybackrate"></video>
controlsList="nodownload noremoteplayback noplaybackrate"></video>
<div class="msg" id="msg"><div class="spinner"></div><div>Stream wird geladen…</div></div>
</div>
@ -144,7 +144,19 @@
var btnA = document.getElementById('btnAudio');
btnA.addEventListener('click', function(){ video.muted = !video.muted; if(!video.muted && video.volume===0) video.volume=0.8; btnA.textContent = video.muted ? '🔇' : '🔊'; });
// Fullscreen
document.getElementById('btnFs').addEventListener('click', function(){ var f=document.getElementById('playerFrame'); if(document.fullscreenElement){ document.exitFullscreen(); } else { (f.requestFullscreen||f.webkitRequestFullscreen).call(f); } });
document.getElementById('btnFs').addEventListener('click', function(){
var f = document.getElementById('playerFrame');
if (document.fullscreenElement || document.webkitFullscreenElement) {
(document.exitFullscreen || document.webkitExitFullscreen).call(document);
} else if (f.requestFullscreen) {
f.requestFullscreen();
} else if (f.webkitRequestFullscreen) {
f.webkitRequestFullscreen();
} else if (video.webkitEnterFullscreen) {
// iOS Safari: fullscreen deluje samo na video elementu
video.webkitEnterFullscreen();
}
});
// Now-Playing poll
var nowT = document.getElementById('nowTitle');