In Safari browser Moralis files are not loaded

Moralis General
#1

In safari moralis file url is no wokring

This URL is forking every other browser but not safari

https://mttmhxokdvin.bigmoralis.com:2053/server/files/iLpqU0BcBpoD4oTQdgdecQQ2VLRkezLp5kNUGClW/e681a9d6a1b5be2102dc67914959fe8c_lot5.mp4

Do not what is going on

Screen Shot 2021-11-30 at 7.38.20 AM
Screen Shot 2021-11-30 at 7.38.20 AM3336×998 697 KB

#2

I don’t know what is going on, maybe that type of mp4 files is not supported by safari

#3

But if i download and mp4 file and open it on safari mp4 is working fine.

#4

even this file is not working https://zgkdwvlqsehg.moralishost.com:2053/server/files/u1fFHJRbbLofbJGbko9TvgGaoTijxJJwJKnp9nqs/c00713b6c0645a7caab7c8a9cfbb1c1a_file_example_MP4_480_1_5MG.mp4

#5

if you try to upload it to IPFS then it works?

#6

IPFS working

IPFS (working)
https://ipfs.moralis.io:2053/ipfs/QmeS8RN4SHnsv1jHUDmjy4DF37WoKCLGbcSDJym3vAq9yi

Moralis (not working)
https://zgkdwvlqsehg.moralishost.com:2053/server/files/u1fFHJRbbLofbJGbko9TvgGaoTijxJJwJKnp9nqs/909957a7fbdd80fd6c13f43de4a7c145_qmes8rn4shnsv1jhudmjy4df37wokclgbcsdjym3vaq9yi-mp4.mp4

#7

is this the problem? i googled it.

  1. Is the file served from a file server or blob server? If so, it doesn’t work on Safari. Is it usual shared server or VPS?
#8

in particular I think that those files are saved now in a database, that may be related to the reason, that is how parse server may do it now (Parse server is something that Moralis server uses), we are planing on improving that part related to saving files in the future

#9

Is there a way that we can bypass this issue? Should we upload this file to s3 ?

#10

if you can upload the file to s3, or IPFS then it may work

#11

Can not upload directly to the IPFS this file is editable, once mint it yes we can, may be s3 then.
thanks

#12

I keep this answer here maybe this will help somebody.

The solution to this problem was just a work around. The reason being the that blob servers aren’t streaming servers. iOS devices expect the videos to arrive in small chunks. So for instance a streaming server is able to do this. However, a blob server just hands the video as a blob which is not what the iOS device expects. Some browsers are smart enough to handle this but others not.

The way I solved this was to add the video files outside of the blob server in a folder within the project and then render this through the Apache server instead of serving it via the actual blob server we were using. I hope this helps.

1 Like