Что тут мешает нормальному отображению embed видео с youtube?

Question

[Shing]

Что тут мешает нормальному отображению embed видео с youtube?
Видео мелкие на десктопе, а не full width 320 пикселей где-то, спец стиль на них не влияет.

Вот кусок который отвечает за видео

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;

А вот весь CSS jsfiddle.net/6ab4pLcu
Что-то тут не так, мешает верному отображению видео.
Когда вставляю еще bottstrap css, тогда работает, а на имеющимся CSS нет.
Какая-то там ошибка что ли...

Answer 1

[Павел Грузных]

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