Black bars appearing above and below video

[AmazingDreams]

You appear to want to apply automatic 16 by 9 scaling to the wrapper:

.blue-media-embed-component .wrapper {
  top: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

However. The padding-top: 25px alters the result of padding-bottom: 56.25%;. This causes black bars to appear above and below the video, at least for Vimeo on firefox.

Overriding the padding-top: 25px with padding-top: 0px fixes these black bars. I suggest you remove this padding-top: 25px rule and leave any paddings to the user.