Question

我创建了lightgallery视频弹出窗口。单击按钮时，视频将弹出。我有行列表，每行都有一个视频弹出按钮，该按钮从数据库中分配了视频位置。问题是当我单击第一行按钮的视频正在播放时，但当我单击第二行按钮的视频却不在播放且没有弹出窗口时

我正在使用PUG，而在JS中使用lightgallery

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();
}

预期的视频弹出窗口可在所有行中使用。但这仅适用于表格的第一行

修复Lightgallery视频弹出窗口

0 个答案: