.videoWrapper {
position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-top: 50px;
} .videoWrapper iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
} .youtube {
background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer;
} .youtube img {
width: 100%; top: -16.84%; left: 0; opacity: 0.7;
} .youtube .play-button {
width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px;
} .youtube .play-button:before {
content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff;
} .youtube img, .youtube .play-button {
cursor: pointer;
} .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before {
position: absolute;
} .youtube .play-button, .youtube .play-button:before {
top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 );
} .youtube iframe {
height: 100%; width: 100%; top: 0; left: 0;
}