This repo demonstates issues with <video> element in PWA/"Home Screen web app" on iOS, namely:

  • video.requestPictureInPicture does nothing even though document.pictureInPictureEnabled is true
  • Videos playing from ManagedMediaSource don't keep the device awake (unless user has Attention Aware features enabled and looks at a screen)
  • Full Screen UI issues (iOS 17.4 screenshots of player in Safari and player in PWA):
    • Home indicator doesn't hide
    • When changing volume, both player and system volume sliders are displayed
    • On devices with Dynamic Island, "Currently playing" live activity is displayed

Demo