iframe {
  display: inline-block;
}

iframe[data-src] {
  <text text-anchor="middle" alignment-baseline="central" y="50%" font-size="1em" fill="black"><tspan x="50%" dy="-1.5em">Dieses Video kann nur mit</tspan><tspan x="50%" dy="1.5em">aktiviertem JavaScript</tspan><tspan x="50%" dy="1.5em">abgespielt werden</tspan></text></svg>');
}

.video-wall,
iframe[data-src] {
  position: relative;
  font: 400 0.8em Helvetica, Arial, sans-serif;
  color: #fff;
  display: inline-block;
  width: 100%;
height: 17em;
  box-sizing: border-box;
  padding: 1em;
}


.video-wall div {
  position: absolute;
  width: calc(100% - 2em);
  top: 1em;
  bottom: 7em;
  overflow-y: auto;
}

.video-wall p {
  font-size: 0.8em;
  margin: 0 0 1em;
}

.video-wall a {
  color: inherit;
}

.video-wall .video-link {
  display: block;
  white-space: nowrap;
  font-size: 0.8em;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 5em;
  transform: translateX(-50%);
}

.video-wall button {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #94b3d1;
text-transform: uppercase; 
font-size: 1.2em;
font-family: Russo One, trebuchet ms, Verdana, Helvetica, sans-serif;
font-weight: bold;
  display: block;
  box-shadow: 5px 5px 10px #000;
  width: 7em;
  height: 3.25em;
  border: 2px solid #94b3d1;
  border-radius: 0.3em;
  text-align: center;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 5em;
  transform: translateX(-50%);
  background: #000; background-size: 3.5em; transition: background-color 0.3s;
}

.video-wall button:hover {
  color: #fff; border-color: #fff; transition: 0.3s;}

.video-wall button:active {
box-shadow: -2px -2px 4px #000;
  background-color: #222;
  color: #fff;
border-color: #e60000;}