Ako otocit obrazovku mobilu na webstranke?

30. 6. 2025 14:31:32

Ked si otvorim youtube na mobile a dam si video do fullscreenu, tak sa mi otoci na sirku. Spustit fullscreen javascriptom viem. Ale zaujimalo by ma, ako mozem vyziadat rotaciu obrazovky zariadenia? Nejedna sa len o otocenie elementu o 90 stupnov. Ked som vo fullscreene, tak vidim ze menu mobilu sa taktiez presunulo, aj ked ma mobil vypnute otacanie obrazovky, takze naozaj sa otocila cela obrazovka.

30. 6. 2025 14:31:32

https://webtrh.cz/diskuse/ako-otocit-obrazovku-mobilu-na-webstranke#reply1537797

Jakub Vítek

(2 hodnocení)

30. 6. 2025 15:37:44

// Najprv fullscreen

element.requestFullscreen().then(() => {

// Potom požiadaj o rotáciu

screen.orientation.lock('landscape').catch(err => {

console.error('Zamknutie orientácie zlyhalo:', err);

});

30. 6. 2025 15:37:44

https://webtrh.cz/diskuse/ako-otocit-obrazovku-mobilu-na-webstranke#reply1537804

Gethly.com

30. 6. 2025 16:33:04

👍

30. 6. 2025 16:33:04

https://webtrh.cz/diskuse/ako-otocit-obrazovku-mobilu-na-webstranke#reply1537807

Jakub Vítek

(2 hodnocení)

30. 6. 2025 18:43:00

Většina moderních mobilních prohlížečů (jako Chrome, Edge atd..) podporuje tuto funkci.

Bohužel Safari ji zatím nepodporuje (hlavně ne na iPhone). Co funguje jako workaround:

1. Fullscreen video = automatická rotace, 2. PWA režim (na domovské obrazovce) - toto není vždy respektováno – hlavně když se spouští v Safari (ne jako samostatná appka).

30. 6. 2025 18:43:00

https://webtrh.cz/diskuse/ako-otocit-obrazovku-mobilu-na-webstranke#reply1537811

Pro odpověď se přihlašte.

Přihlásit