Ich versuche einen Weg zu finden, um die schwarzen Streifen oben und unten in einem Vimeo-Video zu verbergen. Ich dachte, es könnte eine Möglichkeit geben, sie mit CSS zu vertuschen.

Ich wollte im Grunde das erreichen, was diese Person mit einem Bild in dem Link unten erreichen wollte, außer ich möchte es mit einem eingebetteten Video machen, während ich es repsonsiv halte.

Entfernen von schwarzen Rändern 4: 3 auf YouTube-Thumbnails

Danke vielmals.

HTML

<section class="d5-d13 c5-c13 b5-b13 a5-a13 video">

   <div class='embed-container'>
      <iframe src='http://player.vimeo.com/video/69252713' frameborder='0'
      webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
   </div>

</section>

CSS

.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
padding-top: 30px; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
height: auto; 
}

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
}