JSFiddle - React, Tailwind, and code Playground

by DineshAngappa

HTML

<div class="wrapper" style="position:relative" id="pdf">
<object width="425" height="350" style="position:relative; z-index: -1"><param name="movie"  value="http://www.youtube.com/v/z_AbfPXTKms"></param><embed  src="http://www.youtube.com/v/z_AbfPXTKms"  type="application/x-shockwave-flash" width="425"  height="350" allownetworking="internal" ></embed></object>
<div class="overlay" style="background:#f0f; opacity: 0.5; position: absolute; top:0; left:0; width: 425px; height: 350px;">Blocked!</div>
</div>

JavaScript

document.getElementBy('object').oncontextmenu = function(e) {
	e.preventDefault();
}