Я пытаюсь найти способ скрыть черные полосы сверху и снизу видео Vimeo. Я думал, что может быть способ покрыть их CSS.

Я в основном хотел добиться того, чего этот человек хотел достичь, используя изображение по ссылке ниже, за исключением того, что я хочу сделать это с помощью встроенного видео, сохраняя при этом его отзывчивость.

Удаление черных границ 4: 3 на миниатюрах YouTube

Большое спасибо.

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%;
}