JSFiddle - React, Tailwind, and code Playground

HTML

<div id="product-description">
		<a href="#" id="video-link">
			<img src="cookware-product-demonstration-video.png" alt="View Product Demonstration Video" width="355" height="55" style="padding: 0px 0px 10px 0px;" border="0" />
		</a>
	</div>
	<div id="video-container">
	<div id="video" style="width: 600px; position: relative; margin: 0px auto;">
		<div id="video-header"><img src="logo.gif" height="30" width="120" alt="Company Logo" style="float: left;"/><p style="float: right">Product Demonstration Video</p></div>
		<iframe width="600" height="338" src="http://www.youtube.com/embed/yeuCLMppZzc?rel=0"  frameborder="0" allowfullscreen></iframe>
	</div>
	</div>

CSS

#video-container{display: none;}

JavaScript

function printClick() {
  var w = window.open();
  var html = $("#video-container").html();
    $(w.document.body).html(html);
}

$(function() {
    $("a#video-link").click(printClick);
    
});