JSFiddle - React, Tailwind, and code Playground

by Md. Atiquzzaman Soikat

HTML

<div class="videoDiv">
<video autobuffer controls autoplay>
  <source id="mp4" src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>  
</div>

<div class="vid1_a">
  hello
</div>

CSS

video{
  display: block;
  width: 400px;
}
.vid1_a{
  height: 200px;
  width: 200px;
  background: yellow;
  display: none;
}

JavaScript

var video = document.querySelector('video');
var vid1_a = document.querySelector('.vid1_a');
var videoContainer = document.querySelector('.videoDiv');

console.log(videoContainer);
videoContainer.addEventListener('click', function(e){
	console.log(e);
  console.log(this)
});