function showModal(event)
{
  event.preventDefault();
  //BLOQUEANDO SCROLL
  document.body.style.overflowY = 'hidden';

  // NOME DO VIDEO COM A EXTENSAO
  const videoName = this.getAttribute('data-video');

  // NOME DA IMAGEM PARA ADICIONAR NA TAG video
  const videoImageNome = this.getAttribute('data-video-img');

  // EXTESAO DO VIDEO
  //const extensionVideo = videoName.split('.').pop('-1');
  const extensionVideo = this.getAttribute('data-video-ext');

  // PEGANDO A TAG ESPECIFICA
  const modalPlayer = document.getElementById('modalPlayer');


  let modalPlayerCenter;
  // PROCURAR O FILHO QUE CONTEM A CLASSE ESPECIFICA
  for(let i = 0; i < modalPlayer.childNodes.length; i++){
    if(modalPlayer.childNodes[i].className == 'modalPlayerCenter'){
      modalPlayerCenter = modalPlayer.childNodes[i];
    }
  }

  // FILHO DO modalPlayerCenter
  const modalPlayerCenterChild = modalPlayerCenter.childNodes;

  const tagVideo = modalPlayerCenterChild[1];
  const tagSource = tagVideo.firstChild.nextSibling;

  // ALTERANDO IMAGEM DO VIDEO (A IAMGEM QUE FICA NA TAG video)
  tagVideo.setAttribute('poster', videoImageNome);

  // MONTANDO A TAG PARA ADICIONAR NA TAG VIDEO
  tagSource.setAttribute('src', videoName);
  tagSource.setAttribute('type', 'video/' + extensionVideo);

  // FORCANDO LOAD
  tagVideo.load();

  // ABRINDO MODAL
  modalPlayer.style.top = '0';
}
// EXIBIR O MODAL COM O VIDEO ESPECIFICADO NO data-video
EXIBIR O MODAL COM O VIDEO ESPECIFICADO NO data-video
EXIBIR O MODAL COM O VIDEO ESPECIFICADO NO data - video
function showModal(event)
{
  event.preventDefault();
  document.body.style.overflowY = 'hidden';
  const videoName = this.getAttribute('data-video');
  const videoImageNome = this.getAttribute('data-video-img');
  const extensionVideo = this.getAttribute('data-video-ext');
  const modalPlayer = document.getElementById('modalPlayer');
  let modalPlayerCenter;
  for(let i = 0; i < modalPlayer.childNodes.length; i++){
    if(modalPlayer.childNodes[i].className == 'modalPlayerCenter'){
      modalPlayerCenter = modalPlayer.childNodes[i];
    }
  }
  const modalPlayerCenterChild = modalPlayerCenter.childNodes;
  const tagVideo = modalPlayerCenterChild[1];
  const tagSource = tagVideo.firstChild.nextSibling;
  tagVideo.setAttribute('poster', videoImageNome);
  tagSource.setAttribute('src', videoName);
  tagSource.setAttribute('type', 'video/' + extensionVideo);
  tagVideo.load();
  modalPlayer.style.top = '0';
}
function showModal ( event ) { event . preventDefault ( ) ; document . body . style . overflowY = 'hidden' ; const videoName = this . getAttribute ( 'data-video' ) ; const videoImageNome = this . getAttribute ( 'data-video-img' ) ; const extensionVideo = this . getAttribute ( 'data-video-ext' ) ; const modalPlayer = document . getElementById ( 'modalPlayer' ) ; let modalPlayerCenter ; for ( let i = 0 ; i < modalPlayer . childNodes . length ; i ++ ) { if ( modalPlayer . childNodes [ i ] . className == 'modalPlayerCenter' ) { modalPlayerCenter = modalPlayer . childNodes [ i ] ; } } const modalPlayerCenterChild = modalPlayerCenter . childNodes ; const tagVideo = modalPlayerCenterChild [ 1 ] ; const tagSource = tagVideo . firstChild . nextSibling ; tagVideo . setAttribute ( 'poster' , videoImageNome ) ; tagSource . setAttribute ( 'src' , videoName ) ; tagSource . setAttribute ( 'type' , 'video/' + extensionVideo ) ; tagVideo . load ( ) ; modalPlayer . style . top = '0' ; }
EXIBIR O MODAL COM O VIDEO ESPECIFICADO NO data-video
EXIBIR O MODAL COM O VIDEO ESPECIFICADO NO data - video
//BLOQUEANDO SCROLL // NOME DO VIDEO COM A EXTENSAO // NOME DA IMAGEM PARA ADICIONAR NA TAG video // EXTESAO DO VIDEO //const extensionVideo = videoName.split('.').pop('-1'); // PEGANDO A TAG ESPECIFICA // PROCURAR O FILHO QUE CONTEM A CLASSE ESPECIFICA // FILHO DO modalPlayerCenter // ALTERANDO IMAGEM DO VIDEO (A IAMGEM QUE FICA NA TAG video) // MONTANDO A TAG PARA ADICIONAR NA TAG VIDEO // FORCANDO LOAD // ABRINDO MODAL