JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<a rel="vd" href="https://www.youtube.com/embed/iErGRJ59JOw?autoplay=1" class="iframe">										
<img src="http://cs424523.vk.me/v424523302/3a34/U0qJB6B4hJg.jpg" class="img-frame" alt="" />
<i class="fa fa-youtube-play"></i>
</a>

JavaScript

$(".iframe").fancybox({ 
		padding : 10,
		width : 800,	 
		height : 600, 
		'type':'iframe',
		'autoScale':'false'		
	});