Videos do no load on ios/iphone/safari

[radinamatic]

Summary

So far I didn't manage to see any video on "real" iPhone, but they do work on Android phones, even though it's messy trying to start/stop them because of the #1045.

System information

• Version: 0.2.0alpha5.dev35
• Operating system: iPhone 5S
• Browser: all (Safari, Chrome, Firefox)

Screenshots

[christianmemije]

videojs/video.js#2945

[christianmemije]

This is the error that is thrown:
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

[hhsnopek]

@christianmemije I just chased this issue down a rabbit hole and finally found a solution for me. When I was compressing my video I didn't set the proper encoding for H.264. If you use ffmpeg, add the flags -profile:v baseline -level 3.0 to support all iOS devices. I hope this helps! Good luck

[rtibbles]

Oh yes, I remember us having this issue with KA Lite on iOS devices also.

[oezh]

@christianmemije I just chased this issue down a rabbit hole and finally found a solution for me. When I was compressing my video I didn't set the proper encoding for H.264. If you use ffmpeg, add the flags -profile:v baseline -level 3.0 to support all iOS devices. I hope this helps! Good luck

@hhsnopek Where do you add those flags?

[indirectlylit]

@oezh see https://ffmpeg.org/