JSFiddle - React, Tailwind, and code Playground

by miquelcamps

HTML

<video id="embed" width="200" height="200" controls>
  <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

CSS

.overlay{
    position:absolute;
    background:red;
    z-index:99;
}

JavaScript

var vid    = document.getElementById('embed');
var width  = vid.width;
var height = vid.height;
var x      = vid.offsetLeft;
var y      = vid.offsetTop;

var div    = '<div class="overlay" style="height:'+height+'px;width:'+width+'px;left:'+x+'px;top:'+y+'px;">Hello</div>';

document.body.innerHTML += div;