如何在lightgallery中播放Microsoft Azure视频（使用Azure媒体播放器）？

Question

我正在使用slider pro来显示产品图片幻灯片，并使用azure媒体播放器的video标签在sp-slides-container div上显示视频。视频在sp滑块上可以正常播放，但是当我单击它并打开lightgallery时，由于HTML的结构与滑块专业版不同，因此既无法播放视频也无法显示缩略图。以下示例来自控制台：

**lightgallery-all.min.js:4 lightGallery :- data-src is not pvovided on slide item 1. Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html**

<div data-vimeo-id class="lg-thumb-item active">
  <img src(unknown)>
</div>

在预览div上：

<div class="lg-img-wrap">
  <img class="lg-object lg-image" src="undefined">
</div>

这里img src是 undefined ，因为我在动态html代码中使用的是视频标签，而不是img标签。它使用的是data-vimeo-id和img标签，但我需要在标签上动态添加标签（我在C＃控制器代码中添加了动态来源和海报网址），而不是默认的img标签。

如何动态定义lightgallery内部的视频标签？有什么更好的方法吗？请注意，除了azure媒体播放器，我没有其他选择可以在网页上显示视频。由于正确定义了img标签，所以图像在lightgallery中运行良好，但是仅视频标签会出现此问题。