JSFiddle - React, Tailwind, and code Playground

HTML

<video id="video" width="400" height="300"></video>
<button id="start">START!</button>
<button id="stop">STOP!</button>

JavaScript

var videoDiv = document.getElementById("video"),
	vendorUrl = window.URL || window.webkitURL;
	navigator.getMedia = 	navigator.getUserMedia ||
							navigator.webkitGetUserMedia ||
							navigator.mozGetUserMedia ||
							navigator.oGetUserMedia ||
							navigator.msGetUserMedia;

var MediaStream;
function captureWebcam(video, audio){
	navigator.getMedia({
		video: video,
		audio: audio
	}, function(stream){
		videoDiv.src = vendorUrl.createObjectURL(stream);
    MediaStream = stream.getTracks()[0];
    //videoDiv.play()
	}, function(error){
		// An error occured
		// error.code
		console.log(error)
	});	
}		
$("#stop").on("click", function(){
	//videoDiv.attr("src", "")	
   MediaStream.stop()
});	
$("#start").on("click", function(){
	captureWebcam(true, false)
});