Jump to content

Video not fully loading on mobile


Recommended Posts

Hi there!

I'm having a problem and maybe someone could help me.
In my game I'm trying to load some videos (4 exactly), I did it this way on a separate scene (boot.js) in preload function:

this.load.video('beforeWarnVideo', 'src/assets/videos/web_intro.webm', 'canplaythrough', false, false);
this.load.video('mainVideo',       'src/assets/videos/into.webm',      'canplaythrough', false, false);
this.load.video('menuLoopVideo',   'src/assets/videos/menu_loop.webm', 'canplaythrough', false, false);
this.load.video('enterVideo',      'src/assets/videos/enter.webm',     'canplaythrough', false, false);

When I test it on any desktop browser it works just fine, but on mobile I can't get videos working. I've connected my iPhone to my mac for debug and I found that Phaser is telling me that the videos aren't fully loaded (I leave an image attached).

Is there another way of making sure that my videos are fully loaded before they show?

Videos are in webm format. Videos sizes are little bit high, but client want it anyways (I compressed them a lot), sizes are:

  • web_intro -> 291 kb
  • menu_loop -> 7.4 mb
  • into -> 9.9 mb
  • enter -> 3.4 mb

Thanks in advance


Captura de pantalla 2020-04-26 a la(s) 16.07.54.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...