My webpage is railitaylor.com

Thanks for your help! -Raili

Can you please try adding max-height: 360px; to the column inline style at the bottom part of column editor,

Also, please make sure not to add empty line as I see a <br/> code right after the iframe code,

Cheers

I’m also still seeing the space under the video- I tried the max height code with the content band and it didn’t make a difference. I don’t see a </br> under the iframe code??

Thanks again for your help! -Raili

If you want to center a video, you can just simply add a container into that video and define its maximum width, e.g max-width: 350px; should be the same as your video width,

Would you mind providing login access to your site so I can do a sample,

Cheers

Please add style="margin-bottom: -10px;" to your iframe to eliminate the space.

<iframe src="//www.youtube.com/embed/AP99tJdX_W4?rel=0&controls=0&showinfo=0&wmode=transparent" width="853" height="480" frameborder="0" allowfullscreen="allowfullscreen" wmode="Opaque" style="margin-bottom: -10px;"></iframe>

Thanks.

Thanks for updating the thread! Your videos is displaying 80% of its supposed width because you have added some styling in the customizer, Appearance > Customize > Custom > CSS. You can either remove this or increase it to 100%. Please see the screenshot http://prntscr.com/7067vr

This is the code in your customizer. Feel free to increase it to 100%

.x-video .x-video-inner embed, .x-video .x-video-inner iframe, .x-video .x-video-inner img, .x-video .x-video-inner object, .x-video .x-video-inner video{
  left: 0%;
  width: 80%;
 height: 80%;
}

If there’s anything else, we can help you with, please let us know.

No matter what size I put in for the width and the height, the videos remain the same size.

Is there a way to make my videos smaller? (Preferably by changing the width and height) AND not have 2-3 paragraphs of space below each video?

2.) Also I prefer NOT to have extra black space in my actual video either on the Top and Bottom or on the sides. I like when the YouTube video fills up the entire YouTube Screen as seen below.

Video Full Size in YouTube: http://prntscr.com/70ajhk

Video with black space on Top and Bottom: http://prntscr.com/70alhd

In Summary:

*If I make everything 100% there is no space below video, but I cannot resize video it remains full size

*If I keep everything at 80% I get 2-3 paragraphs of space below video, but video is now smaller

*If I keep width at 80% and make height 100%, that’s when I get the black space on top and bottom as seen here: http://prntscr.com/70alhd

You mean you don’t wish your video not to be responsive (eg. adding static width and height) ? Then you should not use video embed shortcode, you can just paste your youtube embed directly to your content or by using text shortcode. Without video embed shortcode, you can control its width and height.

And about the black spaces, it’s added by youtube itself to maintain their aspect ratio. You don’t want to see a long headed people from the video because you stretched your video width. And also remember that videos have different sizes too, and each sizes has it’s own corresponding black spaces. Like vertical videos as their black spaces are on left and right.

If you wish to remove those black spaces, then your only option is to create your own player, or host your own video as HTML5 Video.

Thanks.