sebastjan/folx-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fullscreen: iOS Safari podpora prek webkitEnterFullscreen na videu

Browse Source
This commit is contained in:
Sebastjan 2026-07-07 09:52:27 +00:00
parent a89400b1bc
commit d33fddcaa7
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
views/index.ejs
View File

@ -72,7 +72,7 @@
<img class="stage-poster" id="poster" src="/assets/stage_folx_v2.png" alt="" /> <img class="stage-poster" id="poster" src="/assets/stage_folx_v2.png" alt="" />
<div class="scrim"></div> <div class="scrim"></div>
<video id="v" autoplay muted playsinline tabindex="-1" disablepictureinpicture <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 class="msg" id="msg"><div class="spinner"></div><div>Stream wird geladen…</div></div>
</div> </div>
@ -144,7 +144,19 @@
var btnA = document.getElementById('btnAudio'); 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 ? '🔇' : '🔊'; }); btnA.addEventListener('click', function(){ video.muted = !video.muted; if(!video.muted && video.volume===0) video.volume=0.8; btnA.textContent = video.muted ? '🔇' : '🔊'; });
// Fullscreen // 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 // Now-Playing poll
var nowT = document.getElementById('nowTitle'); var nowT = document.getElementById('nowTitle');