#930·plyr

full screen don't cover whole mobile screen

Author: andylackoCreated Apr 30, 2018Updated Jul 21, 2026

Expected behaviour

when clicking full screen on mobile devices, native full screen without navigation bar should appear

Actual behaviour

full screen only shows inside browser window

Environment

chrome ios:
latest:
ios latest

Code

javascript

  const player = new Plyr(document.getElementById('detailPlayer'), {
    controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'settings', 'airplay', 'fullscreen'],
    fullscreen: { enabled: true, fallback: true, iosNative: true },
    i18n: I18N
  })

Source: sampotts/plyr

View original on GitHub View discussion on GitHub