I've been trying to solve this issue for days now, and I've Googled and researched as much as I can, but no answer has solved the problem yet.
I have put a video on a web page I'm working on using the HTML5 video tag. It works in all the desktop browsers I've tried (Firefox, Chrome, IE) and it has worked on 2 iPhones I've tried (iPhone 6 and iPhone 6s), but I can't get it to play for the life of me on my android devices (Samsung Galaxy S5 and Samsung Galaxy Note 8.0). The video player shows up on the page and allows me to press the Play button, but when I do it just sits for a minute or 2 and then pops up with a message saying "Sorry, unable to play video."
I have 3 different file types for the video (4 technically if you count mp4 and m4v as two different types) and they are mp4, webm, and ogg. The mp4 is encoded with H.264. I've tried converting them several times with a converter that specifies "types for specific devices, etc" just to see if I could get any different conversions to work.
This is the code I am using:
<video width="480" height="270" controls>
<source src="../pages/videos/video001.mp4">
<source src="../pages/videos/video001.m4v" type="video/mp4">
<source src="../pages/videos/video001.webm" type="video/webm">
<source src="../pages/videos/video001.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
I've tried different aspect ratios and sizes. I've done the whole "turn your device off then back on," I've cleared out my cache and cookies data on my browser (trying to access via Chrome), and I've also tried to play it on the Samsung Galaxy native browser vs. chrome (the name is escaping me at the moment) and it didn't work on there either.
Any assistance is greatly appreciated. This is driving me insane!