WordPress.org

Ready to get started?Download WordPress

Forums

elastic video code, plugin or something (1 post)

  1. Teodor_Pravicky
    Member
    Posted 2 years ago #

    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:

    http://www.undercontrol.jecool.net/no-peg/

    With the code putted into post as HTML:

    <style>
    /************************************************************************************
    VIDEO
    *************************************************************************************/
    .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%;
    }
    
    </style>
    
    <div class="video-container">
          <iframe width="853" height="0" src="http://www.youtube.com/embed/gj9UZN6X54o" frameborder="0" allowfullscreen></iframe>
       </div>
    </div>

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

    http://www.undercontrol.jecool.net/so-much-for-the-seachells

    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:

    http://webdesignerwall.com/tutorials/css-elastic-videos

Topic Closed

This topic has been closed to new replies.

About this Topic