Подключаю следующие скрипты и стили:
<link href="/css/lg-thumbnail.css" type="text/css" rel="stylesheet" />
<link href="/css/lg-video.css" type="text/css" rel="stylesheet" />
<link href="/css/lightgallery.css" type="text/css" rel="stylesheet" />
<script src="/js/lightgallery.min.js"></script>
<script src="/js/lg-thumbnail.min.js"></script>
<script src="/js/lg-video.min.js"></script>
Скрипт вызова галереи:
const lgContainer = document.getElementById('inline-gallery-container');
const inlineGallery = lightGallery(lgContainer, {
container: lgContainer,
dynamic: true,
controls:false,
hash: false,
download:false,
closable: false,
pager :false,
youtubePlayerParams: {
modestbranding: 1,
showinfo: 0,
rel: 0,
controls: 0
},
showMaximizeIcon: true,
counter:false,
videojs: true,
loadYoutubeThumbnail:true,
appendSubHtmlTo: '.lg-item',
enableDrag :false,
slideDelay: 400,
plugins: [lgVideo, lgThumbnail],
dynamicEl: [
{
src: '<?=$arResult["DETAIL_PICTURE"]["SRC"]?>',
thumb: '<?=$renderImage["src"]?>',
},
{
src: '<?=$arResult["PREVIEW_PICTURE"]["SRC"]?>',
thumb: '<?=$renderImage["src"]?>',
},
{
src: '<?=$photo["SRC"]?>',
thumb: '<?=$renderImage["src"]?>',
},
{
src: '<?=$videoLink?>',
thumb: '<?=$renderImage?>',
poster: '<?=$renderImage?>',
},
],
});
inlineGallery.openGallery();
Галерея содержит как видео из youtube так и картинки. Но видео не воспроизводится. Иконка с плеером и при нажатии ничего не происходит:
Если использовать пример из
https://www.lightgalleryjs.com/demos/video-gallery/ , тоже не воспроизводится, ошибок в панели нет. Версия lightgallery | 2.2.0-beta.0 | June 15th 2021 .
Подскажите как воспроизвести видео?