New Update Messed Up Dimensions

Yikes! Is it filled with bugs? I know there was one user who had a problem with vertical cell phone video sizing, which I fixed in the 4.6.1 update yesterday. Do you have other problems besides this 100% width bug? I’ll get to work on that one right away, but I can’t fix bugs I don’t know about. In the meantime, you can always get any of the old versions of the plugin you like here.

Also, I’ve never recommended using 100% as a width. That attribute is designed to be a number of pixels, and there’s a plugin setting (Set all videos to expand to fill their containers) and shortcode attribute (fullwidth) specifically for setting videos to 100% of their container. But people keep doing this anyway, and I don’t want to break the existing players so I’ll make sure it still works in the next update.

I just released version 4.6.2, which should solve this issue for you. Thanks again for bringing it to my attention. Fixing aintaboutthatlife’s aspect ratio problem yesterday is actually what caused your problem.

Sorry, really started to panic after all my videos stopped working all of the sudden after the update, but I was able to download the previous version and have it get back working in the mean time.

I updated it to 4.6.2, and although the width=”100%” now allows the videos to work, it also makes the height of the video very large. You mentioned I could have the width of my video set to 100 % just by checking the “Set all videos to expand to fill their containers” – I did that, but again, like with width=”100%”, it not only made the width 100%, but also made the height very large. I went back to the old version in the mean time.

I even manually set the height to something like height=”300″ (while the expand to fill their containers was checked), and it still made the height of the video very large. It seems that although that checkmark expands the video to fill it’s width, it also does this for height, which is very unpractical.

Is there no option in the new version to set the width of the video to 100% without it affecting it’s height?

That’s not how it’s supposed to work and not how it works for any of the sites I’ve tested on. Can you post a link to your site so I can troubleshoot this?

Are your videos vertical cell phone videos? Are you trying to display them in a widescreen player but they’re expanding to their full height?

Hi,

Yes, they were vertical cell phone videos. I just tested out the new 4.6.4 version, and although putting 100% for width still enlarges the height of the video (for vertical cell phone videos) putting down a numerical value as pixel works perfect. I’m just going to remove the 100 % from my other videos and add a numerical value instead.

You mentioned there’s a shortcode attribute (fullwidth) – could you provide the full code with an example? Thank you.

In the next update I’m going to work in some additional code to deal with your particular case, vertical videos squeezed into a 16:9 frame and width="100%". Video.js now knows what the actual aspect ratio of a video is, and in v4.6.4 the plugin can override the real aspect ratio, except when width is set to 100%.

The fullwidth attribute is just a way of changing the plugin setting “Expand videos to fill their containers” on an individual basis. As it says in the instructions, fullwidth can be set to true or false, which will override the plugin setting.

If you’ve enabled responsive resizing (and it sounds like you have) any pixel value you enter is a maximum, not a fixed number. I don’t know because I haven’t seen your site, but you probably don’t even need to set the dimensions attribute at all.

I’ve created a demo page that goes through a bunch of different options for video sizing.
https://www.kylegilman.net/dev/2016/05/08/vertical-video/

I just released version 4.6.5, which should resize vertical cell phone videos set to width="100%" the way it used to in version 4.5.5.

I just tested it out with version 4.6.5 and width set to 100% now works perfectly!!

Thank you so much!!

Great!