JSFiddle - React, Tailwind, and code Playground

by sulfureous

HTML

<iframe id="frame" width="500" height="500" src="//www.youtube.com/embed/0lrrUwyTw2c?wmode=gpu" frameborder="0" allowfullscreen></iframe>

<div class="cover"></div>

CSS

body {
    margin: 0;
    padding: 0;
}
.cover {
    position: absolute;
    z-index: 2;
    border-radius: 0 50px 0 0;
    top: 0;
    left: 0;
    background: #767676;
    width: 500px;
    height: 500px;
}

JavaScript

$(document).ready(function(){

var link = document.getElementById('frame');
var result = link.getAttribute('src').replace('wmode=transparent','wmode=opaque');
link.setAttribute('src', result);

});