JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mytext">This text will show for 5 seconds then the video will start...</div>

<video id="myvideo" src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4">

CSS

#mytext {
  color: #FF0000;
  font-size: 1.5em;
  font-weight: bold;
  position: absolute;
  z-index: 10000;
  background-color: #FFFFFF;
  padding: 0.1em;
  margin: 0.8em;
}

JavaScript

setTimeout(function(){
    document.getElementById("myvideo").play();
}, 5000);


$("#mytext").show().delay(5000).fadeOut();