Lily/Video extension doesn't work on iPhone after packaging. (But works on iPad)

[nickwong168]

I was testing the Video extension and found this issue. It works perfectly on the editor, and also works fine on Android and iPad after packaging. But does't work on iPhone.

Here are the only blocks I'm using(and only one sprite for now):

[Edited on 2025.3.11] The URL of the video is https://bm.weiqiyun.net/upload/file/20250109/677f8a0566dd2.mp4 (2.9MB)

I'm using the newest version of Turbowarp and add the Video extension from the official extension library.

All the package options are left default. And I've put the generated HTML file here: https://hua24.com/test.html

Any clue on this? Thanks!

[unknown07724]

it's probably apple doing something

[SharkPool-SP]

when I tried loading the video in the editor it failed. It seems to be a CORS proxy issue, correct me if im wrong

[nickwong168]

when I tried loading the video in the editor it failed. It seems to be a CORS proxy issue, correct me if im wrong

Yes, please use this link instead: https://bm.weiqiyun.net/upload/file/20250109/677f8a0566dd2.mp4

Thank you.

[SharkPool-SP]

ok, this link works on windows, but not on mobile (tested safari so far). I tried it in the editor

[GarboMuffin]

Seems to work fine on my iPad

[nickwong168]

ok, this link works on windows, but not on mobile (tested safari so far). I tried it in the editor

Yes, appreciated if it can be solved. I think playing videos on Safari is a relatively significant requirement.

[nickwong168]

Seems to work fine on my iPad

How about running it again after packaging?

[GarboMuffin]

So far your issue just says "does't work" so it's hard to figure out if you mean the video doesn't load at all, if its loading as a black screen, if its loading initially but not playing, etc.

Some browsers restrict starting videos when not in response to a user action. Safari seems to be more aggressive about this. Might be able to get around it by setting the video to be muted.

[GarboMuffin]

Here is an example of it working fine

https://github.com/user-attachments/assets/0092fe3f-aed1-430f-87fb-70d7625888b4

[nickwong168]

So far your issue just says "does't work" so it's hard to figure out if you mean the video doesn't load at all, if its loading as a black screen, if its loading initially but not playing, etc.

Some browsers restrict starting videos when not in response to a user action. Safari seems to be more aggressive about this. Might be able to get around it by setting the video to be muted.

Thanks you for your reply. I've tested your method of setting the video to be muted when loading and set the volume to be 50% later when click a sprite. Here are the codes:

Then I packaged it with default options and put to my website as: https://hua24.com/test.html

I can play the video normally on PC and Android:

But it appeared blank on iPhone:

[GarboMuffin]

For me, it takes a few seconds to load but does eventually load…

The menu bar at the top of your image looks a little strange, is this Safari or a different app?

[nickwong168]

For me, it takes a few seconds to load but does eventually load…

The menu bar at the top of your image looks a little strange, is this Safari or a different app?

Sorry for the late reply. I'm pretty sure that it runs on iPad but not iPhone (I've tested it on as many iPhones as I can get).

https://github.com/user-attachments/assets/e32f7f2a-3331-41e4-b1ea-5f2595b2af4a