Я создал всплывающее окно лайтгалереи.При нажатии на кнопку видео всплывет.У меня есть список строк, и для каждой строки есть всплывающая кнопка видео, которой назначается местоположение видео из базы данных.Проблема в том, что когда я нажимаю на кнопку первого ряда, видео воспроизводится, но когда я нажимаю на второй ряд, видео не воспроизводится, и всплывающее окно не появляется
Я использую 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();
}
Ожидаемое всплывающее окно видео будет работать во всех строках.Но это работает только на первом ряду таблицы