Video mp4 not working on mobile Safari

Phaser 3
1

I found that loading a mp4 video on the preload() function produces a crash in Safari on mobile devices. The page stays on preload indefinitely and doesn’t go to the create. if I refresh the page it goes normally to the create and plays the video without problem.
I’m using the following parameters:

config={
    scale: {
        mode: Phaser.Scale.FIT,
        parent : 'gameContainer',
        autoCenter: Phaser.Scale.CENTER_BOTH,   
        width:888,
        height: 520
    },

    dom: {
        createContainer: true
    },
    pixelArt: true,
    type: Phaser.AUTO,
    scene: [ loading , intro_1],
    transparent: true,
}

The problem only occurs in mobile IOs browsers and only the first time I load the page. I created a project only containing one video and it is still happening. Using Phaser v3.24.1

2

Sounds similar to

3

yes, I think it’s the same problem. Is there a solution to this?

4

I don’t know. :frowning:

I guess it’s a browser bug but in that case a lot of sites would be having this problem.

5

The only solution I could came up with was using a timer that refreshes the page after some seconds. It’s not the most elegant solution but for now it does the trick :man_shrugging:t2:.