$(function () {
  var video01 = document.getElementById('video1d');
  var video02 = document.getElementById('video2d');
  var video03 = document.getElementById('video3d');
  var video04 = document.getElementById('video4d');
  var video05 = document.getElementById('video5d');
  var video06 = document.getElementById('video6d');
  
  $('#openModal01').click(function(){
      $('#modalArea01').fadeIn();
      video01.play();
  });
  $('#closeModal01 , #modalBg01').click(function(){
    video01.pause();
    video01.currentTime = 0;
    $('#modalArea01').fadeOut();
  });
  
  $('#openModal02').click(function(){
      $('#modalArea02').fadeIn();
      video02.play();
  });
  $('#closeModal02 , #modalBg02').click(function(){
    video02.pause();
    video02.currentTime = 0;
    $('#modalArea02').fadeOut();
  });
  
  $('#openModal03').click(function(){
      $('#modalArea03').fadeIn();
      video03.play();
  });
  $('#closeModal03 , #modalBg03').click(function(){
    video03.pause();
    video03.currentTime = 0;
    $('#modalArea03').fadeOut();
  });
  
  $('#openModal04').click(function(){
      $('#modalArea04').fadeIn();
      video04.play();
  });
  $('#closeModal04 , #modalBg04').click(function(){
    video04.pause();
    video04.currentTime = 0;
    $('#modalArea04').fadeOut();
  });
  
  $('#openModal05').click(function(){
      $('#modalArea05').fadeIn();
      video05.play();
  });
  $('#closeModal05 , #modalBg05').click(function(){
    video05.pause();
    video05.currentTime = 0;
    $('#modalArea05').fadeOut();
  });
  
  $('#openModal06').click(function(){
      $('#modalArea06').fadeIn();
      video06.play();
  });
  $('#closeModal06 , #modalBg06').click(function(){
    video06.pause();
    video06.currentTime = 0;
    $('#modalArea06').fadeOut();
  });


});