Embedded Video Auto-resizing, can't make it smaller


#1

Hey Vlad,

Having trouble embedding a youtube video, it seems to auto size to be massive across my screen. I need it smaller.

Here’s the page; http://www.awakenedintimacy.net/workwithus/

Any tips\suggestions would be appreciated. Thanks for all you do.

Ender


#2

Hello,

Yeah, videos expand to the full width of the container in order to assure responsivness.

You only need to wrap your <iframe> in a div, like this:


<div class="video-container">
   <iframe>.......</iframe>
</div>

Then add this to a custom CSS plugin:


@media (min-width: 992px) {
  .video-container {
    max-width: 60%;
    margin: 0 auto;
  }
}

It’s the only way.