JSFiddle - React, Tailwind, and code Playground

Pretty Photo YouTube Video Embed

by kalifa17

HTML

<script src="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css">
<li>
				<a href="https://settlecarlislemedia.s3.amazonaws.com:443/dalstondemo/videos/UAVdrone.mp4?Signature=OdWcGkUOAlf6s64yIJciGGJkrbQ%3D&amp;Expires=1454686403&amp;AWSAccessKeyId=AKIAJB6D3O357OHGSCAA" rel="prettyPhoto[gallery1]">
					<img src="https://settlecarlislemedia.s3.amazonaws.com:443/dalstondemo/thumbnails/videos/UAVdrone.jpg?Signature=Oj69m8NM2KsQTO%2BpZ6J%2B7wuZ6fs%3D&amp;Expires=1454686403&amp;AWSAccessKeyId=AKIAJB6D3O357OHGSCAA" width="60" height="60" alt="Memorial Image">
				</a>
			</li>
      
      
      
      <li>
				<a href="https://www.youtube.com/watch?v=VjMcZp5KhoQ" rel="prettyPhoto[gallery1]">
					<img src="https://settlecarlislemedia.s3.amazonaws.com:443/dalstondemo/thumbnails/videos/UAVdrone.jpg?Signature=Oj69m8NM2KsQTO%2BpZ6J%2B7wuZ6fs%3D&amp;Expires=1454686403&amp;AWSAccessKeyId=AKIAJB6D3O357OHGSCAA" width="60" height="60" alt="Memorial Image">
				</a>
			</li>

JavaScript

$(document).ready(function() {
    $("a[rel^='prettyPhoto']").prettyPhoto();
});