Scale and Center HTML5 Video with jQuery

A few months ago, I posted code to show how to scale a video to fill the browser window – how to do a Full Bleed fill for video or html elements. One of my readers contacted me with a question – how do I center this video on the screen? Turns out, I had the same problem. How to do a Full-Bleed fill with Video or Images using jQuery The code I’m going to link to is the updated code – just give any element the class...

Read More

HTML5 Video Scale to Fill Container with jQuery

I’m working on a new large-background WordPress theme that I am going to release for free within the next two weeks. As part of the theme, I wanted to use a high-definition HTML5 video as the background of the landing page of the theme. Here’s where I ran into trouble: browsers like to keep the aspect ratio of the video element within the <video> tag the same, no matter what the scale of the containing box is. I didn’t...

Read More