The problem: Videos do not load while using safari(or google chrome) on my iPhone. The videos load perfectly on desktop browsers.
Upon googling I found that I may need to have byte range enabled on the server. I found this post on the these forums although there was no answer or relevant discussion. https://www.pythonanywhere.com/forums/topic/1321/
I found this stack overflow article: http://stackoverflow.com/questions/3397241/does-iphone-ipad-safari-require-accept-ranges-header-for-video
Doing the curl command to the mp4 on pythonanywhere looks like it doesn't get only 100 bytes. Doing the curl command to the other server where I copied the mp4 file shows it working correctly.
I appreciate any ideas or help on how to get these videos to load properly on mobile devices!
Repo can be found here: https://github.com/massover/lifts