Embed YouTube Shorts 9X16

Hello, I have a question about embedding YouTube shorts into WordPress. When I copy and paste the code into the editor it looks like fine, it’s set to 9×16 with no black boarders. However, when I publish the post, the video switches to 16×9 with boarders. I hope that makes sense. When I deactivate Newsmag theme and use the default WordPress theme, there are no issues, works fine. Also, I have tried this same method on my dummy site with no plugins installed, same results.

Calin, thanks for your response. Sorry I haven’t responded quicker. Here is a link to one of the post I made with a YouTube short.

https://www.maddenguides.com/i-form-close-pylon-sail-cover-3-beater-madden-24/

Thanks,
Kobra

Calin, thank you very much. I added one more line up CSS to it which was

.mejs-video-container iframe {
width: 70%!important;

Works perfectly!!!!!, however, I would like to center it in the post.

I tried this css code,

.mejs-video-container iframe {
align-items: center important;

}

But didnt work. Can you help me, thanks

Calin, never mind figured it out

position: absolute;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}

Been awhile since I used CSS.

Here is the final CSS code if anyone is interested

.single .mejs-video-container {
padding-bottom: 100%;
}
.mejs-video-container iframe {
height: 100%!important;

}

.mejs-video-container iframe {
width: 50%!important;

}

.mejs-video-container iframe {
position: absolute;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}

Thanks again for help,
Kobra

• This reply was modified 2 years by RedKobra.