Исправить всплывающее окно Lightgallery - PullRequest
Новая
       13

Исправить всплывающее окно Lightgallery

1 голос
/ 12 апреля 2019

Я создал всплывающее окно лайтгалереи.При нажатии на кнопку видео всплывет.У меня есть список строк, и для каждой строки есть всплывающая кнопка видео, которой назначается местоположение видео из базы данных.Проблема в том, что когда я нажимаю на кнопку первого ряда, видео воспроизводится, но когда я нажимаю на второй ряд, видео не воспроизводится, и всплывающее окно не появляется

Я использую PUG и lightgallery с помощью JS

PUG(HTML-файл) 

    input#processedVideoPath(type='text',name='processedVideoFileLocation', value=value.processedVideoLocation+value.processedVideoExtension, style="display:none;" )  

      ul#html5-videos

       ui-button.ui-button-link.btn.btn-info.btn-sm.fa.fa-eye.font-medium- 1 (type="button",data-html='#video1', onclick="previewUploadVideo('#processedVideoPath',"+((url.split("/").length)-2)+");")
    #video1(style='display:none;')
       video.lg-video-object.lg-html5(src='', controls='', preload='none')

JS 

function previewUploadVideo(inputfield, pathnumber) {

  var filelocation = $(inputfield).val();

  var stringpath = '';

  for (i = 0; i < pathnumber; i++) {
    stringpath += "../";
  }

  var completepath = stringpath + filelocation;

  $('#video1').find('video').attr("src", completepath);

  $('#html5-videos').lightGallery();
}

Ожидаемое всплывающее окно видео будет работать во всех строках.Но это работает только на первом ряду таблицы

...