(function ( $ ) {
 $.fn.youtube = function( options ) {
  return this.each(function() {
   // youtube ID
   var getvideoid = $(this).attr("youtubeid");
   // options
   var settings = $.extend({
    videoID: getvideoid,
    autoPlay: true,
    theme: "dark"
   }, options );
   // Convert values
   if(settings.autoPlay === true) { settings.autoPlay = 1 } else if(settings.autoPlay === false)  { settings.autoPlay = 0 }
   if(settings.theme === "dark") { settings.theme = "youtube-dark-theme" } else if(settings.theme === "light")  { settings.theme = "youtube-light-theme" }
   // click
   if(getvideoid) {
    $(this).on( "click", function() {
      $("body").append('<div class="youtube-popup '+settings.theme+'">'+
        '<div class="youtube-popup-content">'+
         '<span class="youtube-popup-close"><i class="ion-close-round"></i></span>'+
         '<iframe class="youtube-iframe" src="https://www.youtube.com/embed/'+settings.videoID+'?rel=0&wmode=transparent&autoplay='+settings.autoPlay+'&iv_load_policy=3" allowfullscreen frameborder="0" allow="autoplay; fullscreen"></iframe>'+
        '</div>'+
       '</div>');
    });
   }
   // Close box
   $(this).on('click', function (event) {
    event.preventDefault();
    $(".youtube-popup-close, .youtube-popup").click(function(){
     $(".youtube-popup").remove();
    });
   });
   $(document).keyup(function(event) {
    if (event.keyCode == 27){
     $(".youtube-popup").remove();
    }
   });
  });
 };
}( jQuery ));