Hello fellow Ionites
I would like to ask a more generic question about playing videos created from various devices.
We are building an app which has both web-app and mobile part with the later being of course based on Ionic 2.
The app allows users to upload videos recorded from their devices which other users can see.
I use media-capture plugin to record video which is then uploaded to backend, and displayed in Ionic with HTML 5 players (as well as in the web app).
But we a bit of testing we see that different videos from devices may not play in all browsers. For example my videos from Lenovo device cannot play in HTML 5 video player in ionic. They cannot play in latest Firefox (webapp) but play with sound only in Chrome. Another collegue of mine was able to record and play the video in the Ionic 2 app, but with sound only in both Firefox and Chrome.
I’m suspecting it has to do with video encoding, so I would like to ask your opinion how this issue in best handled in the real world? Video encoding in the backend when the video is uploaded? A smarter video player (in webview?) that can play more encodings?
Your en-lighting suggestions please
Many thanks in advance.
Costas