Я использую slider pro для показа слайдов с изображениями продуктов и использую видео тег Azure Media Player для показа видео в sp-slides-container div. Видео отлично воспроизводится на слайдере sp, но когда я нажимаю на него и открывается световая галерея, он не может ни воспроизводить видео, ни отображать миниатюру из-за структуры HTML, отличной от slider pro. Следующие примеры взяты из консоли:
**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 , потому что я использую тег видео, а не тег img в моем динамическом HTML-коде. Он использует data-vimeo-id и тег img, но мне нужно динамически добавить тег (который я добавил в код контроллера C # с динамическим источником и URL-адресом плаката) вместо тега img по умолчанию.
Как динамически определить тег видео внутри lightgallery? Есть ли лучший способ сделать это? Обратите внимание, что у меня нет другого выбора, кроме Azure Media Player для показа видео на веб-странице. Изображения в lightgallery работают нормально, поскольку теги img определены правильно, но эта проблема возникает только с тегами видео.