JSFiddle - React, Tailwind, and code Playground

HTML

<div id="adds">
<video id='abd' height="200" width="200" style="border:2px solid" ></video>
</div>

JavaScript

vid=document.getElementById('abd');
addDiv =document.getElementById('adds');

var width =  vid.offsetWidth;
    var height =  vid.height; 
    var x = width/2+ 'px';
    var y = height - 12+'px';

var newDiv = document.createElement("div");
newDiv.innerText = "Hello....";
newDiv.style.left = "102px";
newDiv.style.top = "108px";
newDiv.style.position = "absolute";
addDiv.appendChild(newDiv);
console.log(newDiv);