[ Video Sharing CMS v4 ] Vimeo Video Responsive Resize

Started by hunt07777,

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

hunt07777Topic starter

Mario,

I found a way to Make the video height on the vimeo video fully responsive.. and not tall... like...
http://www.videosqq.com/video/8270/boy-bruynzeel-the-video-yearmix-2011/

line 258
rewrite to
                      $embedCode .= '<div id="vimeowrapper"><iframe class="vimeoiframe" src="http://player.vimeo.com/video/'; . $videoId . '?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff&amp;autoplay=1"  frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>';

then add this css to the site css files.
#vimeowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    float:none !important;
}
.vimeoiframe {
    height: 100%;
}

This is according to...
http://demosthenes.info/blog/649/Responsive-Design-Create-Fluid-YouTube-and-Vimeo-Content

And it works for me...see
http://www.tgn10.com/video/2168/bishop-jakes-shares-his-heart-with-the-speakers-of-manpower-2012/
  •  

Marius P.

Thanks for contributing.
Moved to Development
Happy with my help? Buy me a coffee.
Please, always use the search before opening a new topic! We're all here on our (limited) free time! Make sure you help yourself too!
  •  

Similar topics (7)