JSFiddle - React, Tailwind, and code Playground

by inser

HTML

<div class="container">
    <div class="overlay"></div>
        <iframe src="//player.vimeo.com/video/83210136?badge=0&amp;color=e30242" width="593" height="334" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>  
   <iframe width="560" height="315" src="//www.youtube.com/embed/jUZO0zpHhOA?wmode=opaque" frameborder="0" allowfullscreen></iframe>
    <iframe width="720" height="405" src="//rutube.ru/video/embed/6790277?wmode=opaque" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
</div>

CSS

.container {
    position:relative;
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;          
    z-index: 1;
}

iframe {
    z-index: 0;
    max-height: 100%;
    max-width: 100%;
}