add navigationUI: 'hide' to hide navigation UI on fullscreen on phones

This commit is contained in:
Sanjay B 2021-10-28 12:31:42 +05:30
parent a18e144e6a
commit 0c10a6ed2e

View file

@ -73,9 +73,9 @@ document.querySelector('a#play-fullscreen').addEventListener('click', event => {
video.play() video.play()
video.style.display = 'block' video.style.display = 'block'
if (video.webkitRequestFullscreen) { if (video.webkitRequestFullscreen) {
video.webkitRequestFullscreen() video.webkitRequestFullscreen({navigationUI: 'hide'})
} else { } else {
video.requestFullscreen().catch(err => { video.requestFullscreen({navigationUI: 'hide'}).catch(err => {
console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`); console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
video.remove() video.remove()
video = null video = null