Archived topic
How Can I Resize a Video
7 replies · Started by Michael Loguidice on December 16, 2016
I've inserted a video directly from my media library, however it takes up too much space and I'd like to make it smaller and align it to the right side of the page.
There's no problem with mobile or tablet, but for full screen it's just too big.
Where are those settings for videos from the media library, or is there something else I'm missing?
Thanks again!
Michael
Hi Michael,
If you go into the "Text" editor, you should see the video shortcode which should have width and height attributes: http://www.screencast.com/t/wuhbqS4C73Ub
You should be able to adjust those - just be sure to keep the same aspect ratio.
Hi Tom,
This is helpful!
But I'm having a different problem with alignment. Shrinking the video itself works fine, but it seems there's a greater "frame or shell" that remains in the footprint of the original size. So when I do shrink it down, the video moves over to the left side, getting smaller, but I can't use any of the space on the right because the original frame is still taking up all the space.
I ideally want to put a video along side text or content.
Do you have any suggestions?
Thank you!
Michael
Hi Michael,
You would have to put them in columns using a plugin like this: https://wordpress.org/plugins/lightweight-grid-columns/
You also might want to make the video responsive: https://docs.generatepress.com/article/responsive-videos/
Let me know if you need more info :)
Hi Tom, thanks for the info about the plugin!
However, I'm not actually embedding the videos from Youtube, rather I'm adding them directly from the media library. Does that make a difference with what you've recommended? Or would you say I'm better off embedding the videos via Youtube?
Thanks again,
Michael
It shouldn't make a difference as long as the code for the video is inside a column.
I do suggest YouTube, Vimeo etc.. over self hosted videos as they can take up a lot of bandwidth.
OK great, just one question... do I add all that code for embedded responsive videos directly to the content or put into the CSS fields?
as if we prepare the video first and then add a tag/link to the content?
https://docs.generatepress.com/article/responsive-videos/
Thanks,
Michael
The CSS should be added like this: https://docs.generatepress.com/article/adding-css/
Then the HTML (<div>) should wrap around your video iframe.