http://www.kriesi.at/support/topic/responsive-vimeo-embed-letterbox-issue Support Forum - Topic: responsive | vimeo embed | letterbox issue en-US Fri, 24 May 2013 14:31:25 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/responsive-vimeo-embed-letterbox-issue#post-97109 Sun, 17 Feb 2013 11:44:34 +0000 mniemann 97109@http://www.kriesi.at/support/ <p>Found a solution on the web:</p> <p>1. Embed the video using:</p> <p>&lt;div class="video"&gt;<br /> &lt;iframe src="http://player.vimeo.com/video/59653868" width="720" height="405" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;<br /> &lt;/div&gt;</p> <p>2. Add adjustment to the grid.css:<br /> @media only screen and (max-width: 767px) {<br /> .....<br /> .video embed, .video object, .video iframe {width: 300px; height: 166px;}<br /> .....</p> <p>and</p> <p>@media only screen and (min-width: 480px) and (max-width: 767px) {<br /> .....<br /> .video embed, .video object, .video iframe {width: 420px; height: 231px;}<br /> .....</p> <p>Works fine. :) </p> http://www.kriesi.at/support/topic/responsive-vimeo-embed-letterbox-issue#post-97035 Sat, 16 Feb 2013 11:08:36 +0000 mniemann 97035@http://www.kriesi.at/support/ <p>Hi there,</p> <p>I have a problem with the responsiveness of vimeo embeded videos.</p> <p>It's easy to embed the videos via iframe and for normal screens it works well.<br /> But when I change the screen resolution e.g. while viewing on my iPhone the embeded vimeo videos get an ugly letterbox. (Black bars at the top and the bottom.)</p> <p>I tried several other methods to embed the vids. But nothings seems to work.</p> <p>For reference:<br /> <a href="http://maximilian-niemann.de/main/" rel="nofollow">http://maximilian-niemann.de/main/</a></p> <p>Would appreciate if somebody is able to help me. :)</p> <p>Best regards from Germany<br /> Max </p>