fix(useFullscreen): handle Safari iOS

[ferferga]

Description

Apple uses a different webkit function to enter fullscreen. See HTMLVideoElement and webkitEnterFullScreen documentation.

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[TianbinTobin]

const [REQUEST, EXIT, ELEMENT,, EVENT] = map doesn't match the [New WebKit] if

 [
    'webkitRequestFullscreen',
    'webkitEnterFullScreen',
    'webkitExitFullscreen',
    'webkitFullscreenElement',
    'webkitFullscreenEnabled',
    'webkitfullscreenchange',
    'webkitfullscreenerror',
  ]

[ferferga]

@TianbinTobin You're right - That's what happens when you open PRs late at night 😅.
Just ammended my commit!

[N3mezis]

Hi there! Thanks for the work on this!

Unfortunately, this doesn't completely fix it. If target changes (i.e. null -> <video>), the map isn't updated, leading to REQUEST, EXIT, ELEMENT,, EVENT being invalid for the specific target.

[ferferga]

@N3mezis Im aware of this. Initial work for properly handle it in this PR: #2904

My plan is to completely refactor this function afterwards. It didn't fully fix Safari iOS either, since some devices still rely on the deprecated (according to Apple docs) webkitEnterFullScreen (notice the case of S)

[ferferga]

@N3mezis Check #2915