.video__component--wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video__component--wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__component--wrapper .video__component--poster {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  opacity: 1;
  transition: all 300ms ease-in-out;
}
.video__component--wrapper .video__component--poster:hover .video__component--icon {
  cursor: pointer;
  color: #FFF;
  background-color: #F00;
}
.video__component--wrapper .video__component--poster img {
  max-width: 100%;
}
.video__component--wrapper .video__component--poster .video__component--icon {
  position: absolute;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  cursor: pointer;
  width:50px;
  height:50px;
  font-size: 50px;
  border-radius: 50%;
}
.video__component--wrapper .video__component--video {
  display: none;
  transition: all 300ms ease-in-out;
  width: 100% !important;
  min-width: 320px !important;
  height: auto !important;
}