Видео граница не подходит Vimeo видео IFrame правильно - PullRequest
Новая
       47

Видео граница не подходит Vimeo видео IFrame правильно

0 голосов
/ 10 октября 2018

Я пытаюсь идеально отцентрировать видеокадр Vimeo в простой черной рамке.Видео соответствует высоте границы, но есть пробелы слева и справа внутри границы.Видео ведет себя так, как и должно быть в ответной реакции.

Я использую Bootstrap, и мой код выглядит следующим образом:

HTML 

<div class="vimvid">
 <div class="container">
    <iframe src="https://player.vimeo.com/video/289437293?portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>  </iframe>
 </div>
</div>

CSS 

.vimvid { padding: 56.25% 0% 0% 0%; position:relative; }

.vimvid iframe { position:absolute; top:0; left:0; width:100%; height: 100%; border: 25px solid #000000; border-radius: 25px; }

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

...