Self-Hosting a Video Using Video.js and HLS

video playing on a mobile phone

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?

Read MoreSelf-Hosting a Video Using Video.js and HLS