Javascript 如何使用lightGallery.js加载带有json的视频？

.我做了一个embled视频示例： 我对json有一个问题！在网站上单击图像（divjson）时，我无法加载视频！！ 但当我点击图像（div）幻灯片视频加载完成，在这张幻灯片上我可以加载所有视频（div和div json）！！请帮助我当我点击图像（divjson）视频必须加载

这是我的代码：

<script type="text/javascript">
    $(document).ready(function () {
        $.post("listvideojson.aspx", function (response) {
            var listlinks = JSON.parse(response);
            for (var i = 0; i < listlinks.length; i++) {
                $("#video").append("<div data-src='" + listlinks[i].link + "'><img class='hinh' src='Images/149712_133340426820507_1784820870_n.jpg' /></div>");
            }
        });
    });
</script>
<link href="CSS/lightGallery.css" rel="stylesheet" />
<script src="Scripts/lightGallery.js"></script>

$（文档）.ready（函数（）{
$.post（“listvideojson.aspx”，函数（响应）{
var listlinks=JSON.parse（响应）；
对于（var i=0；i

这是我的html正文：

<div id="video">
    <div data-src="https://vimeo.com/110223381">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
    <div data-src="https://vimeo.com/110223326">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
    <div data-src="https://vimeo.com/110214790">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
    <div data-src="https://vimeo.com/110214789">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
</div>