JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <iframe width="560" height="315" src="//www.youtube.com/embed/G5s4-Kak49o?wmode=transparent" frameborder="0" allowfullscreen></iframe>
</div>

<div class="test">
  <embed src="//www.youtube.com/v/G5s4-Kak49o?hl=en_GB&amp;version=3" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</div>

CSS

.test iframe, .test object, .test embed {
    pointer-events: none;
}

JavaScript

$('.test')
    .click(function(){alert('Not Allowed to DownLoad or Print the Document');})