For a project at 50onRed, I was recently faced with a new technical challenge. I was building a landing page for a video, and one of the requirements of this project was to self-host the video, rather than just uploading to YouTube and embedding on the page.
Before even starting the project, I knew that I was facing a lot of unknowns. Where would we host the video? How do you use an HTML5 Video element? How do I make sure the video will work on all browsers on all platforms? What can I do to make the video play consistently on a variety of connection speeds?