HTML5 Video from Appery database not displaying for on IOS/Android

[Crystal Taggart]

I have a problem where HTML5 video is not displaying in app on both Android and IOS (web console works.) I'm using the video control to map to an mp4 video that is stored in an Appery.io database. I've tried multiple things to get it to work, but no luck. I used the default 'bugs bunny' .mp4 video and that is showing up in my app. For some reason the videos in the database seem to be the problem. The only thing I can think of is the video URL is long (the master key is on the URL query string.) When I launch the URL directly from android, it downloads correctly (but is not loading in the app.) If I launch the URL from IOS, nothing happens - it just says 'loading'. Any thoughts? I'm banging my head against the wall...

[Serhii Kulibaba]

Hellow Crystal,

Could you check are there any errors in console? This: (https://devcenter.appery.io/documenta...) should help.

[Crystal Taggart]

Hi Sergiy-
There are no errors in the console.

This code works in IOS:
var videoURL="http://www.w3schools.com/html/mov_bbb...";
var player = document.getElementById('MyAvatar_vd_Avatar');
var src=Apperyio('vd_Avatar').find('source').first();
src.attr('src',videoURL );
src.attr('type', 'video/mp4');
player.load();

When I replace the bugs bunny video with my URL for a video hosted on the apperyio database, it doesn't work:
https://api.appery.io/rest/1/db/files... name here}?masterKey={master key here}

I can view the video in the browser, the video loads correctly in the test app in the browser, but not in the IOS. In Weinre when I view the source of the html5 video control, it is correct.

Thanks.
Crystal

[Evgene Karachevtsev]

Hello Crystal,

Could you please try to upload some other video with another file extension to your db and try to play it on a device?

[Crystal Taggart]

I uploaded an .ogv video and it's still not working.

[Crystal Taggart]

You can disregard this question. I ended up using Amazon S3 to host the video.

[Illya Stepanov]

Hi Crystal - Thank you for the update.

[Frank7390035]

Hello,

I am having the same problem here... I would strongly prefer using the Appery file collection. My file is an m4a. Just like Crystal, it works fine on the web, but not on IOS/Android.

From past experience I think this problem has to do with the how the file is delivered from your server. Do you have a different url I can use?

I tried both:

https://appery.io/bksrv/rest/1/admin/.....
and
https://api.appery.io/rest/1/db/files.....

same behavior

Thanks

[Illya Stepanov]

Hi Frank -

Our service just returns a link to a file nothing more, you can check this using browser developer tools and see the response from the service.

I'm not sure what do you mean by this links:

[quote:]
https://appery.io/bksrv/rest/1/admin/...

https://api.appery.io/rest/1/db/files...
[/quote]

• can you show how you've implemented this in your app?

  And also could you pleas provide us this file for testing?

[Frank7390035]

Thanka Illya.

Here is an example

https://api.appery.io/rest/1/db/files...

Yes, this is a regular link and it works on the web version, but not on the iPhone tester. The player tries to load the file and fails, eventually it says error.

If I use a dropbox link with the same setup and same file I don't experience any problem, but I need to move away from dropbox.

Any suggestions? Thanks so much for your help.

Frank