Support » Plugins » elastic video code, plugin or something

  • Hi,

    my site is all friendly for mobile devices and this stuff. So when you make window smaller, web and its pictures get smaller too. (using weaver II theme)

    But videos are all the same, so I have to have them all kind of small like this one:

    With the code putted into post as HTML:

    .video-container {
       position: relative;
       padding-bottom: 56.25%;
       padding-top: 30px;
       height: 0;
       overflow: hidden;
    .video-container iframe,
    .video-container object,
    .video-container embed {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
    <div class="video-container">
          <iframe width="853" height="0" src="" frameborder="0" allowfullscreen></iframe>

    It is possible to resize video just by resizing the window. But my widget area fell down:

    Do you know what to do about it? I tried like all settings in weaver, but the widget area is always down there.

    I have the code from this site:

  • The topic ‘elastic video code, plugin or something’ is closed to new replies.