JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<div id="jarallax-container-2" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -100;">
	  <div style="background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-image: none; position: fixed; top: 0px; left: 0px; width: 1841px; height: 1009px; overflow: hidden; pointer-events: none; margin-top: 0px; transform: translate3d(0px, 459px, 0px); display: none;"></div><video loop autoplay playsinline webkit-playsinline style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 1841px; height: 1035.56px; max-width: none; max-height: none; margin: -305.281px 0px 0px; z-index: -1; transform: translate3d(0px, 0px, 0px);">
	    <source src="http://192.168.1.55/vid.mp4" type="video/mp4"></video>
	</div>

JavaScript

document.getElementById('vid').play();