September 23

Scale HTML5 Video to Fit Screen

Fullscreen HTML5 Video


With the recent updates of browsers supporting web more W3C standards, it is easier to embed HTML5 videos than before, although you still have to provide your video in multiple codecs such as webm, ogg, and mp4.
The thing is you still have to use javascript to control the video’s functionality. So here’s the simplest way to make your HTML5 video fit the screen of your browser. For this demo I will be using the popular and free video.js open source player. ┬áThere are several ways to do this, but after testing across different browsers I found this way the most efficient. (Demo inside)
Continue reading