lightGallery.js를 사용하여 json으로 비디오를로드하는 방법?

Question

. 예를 들어 동영상을 담으십시오 : http://sachinchoolur.github.io/lightGallery/examples.html 그리고 나는 json에 문제가 있습니다! 웹 사이트에서 이미지 (div json)를 클릭하면 비디오를로드 할 수 없습니다 !! 하지만 이미지 (div) 슬라이드 비디오로드 완료를 클릭하면이 슬라이드에서 모든 비디오 (div 및 div json)를로드 할 수 있습니다 !! 제발 이미지 (div json) 비디오를 클릭해야합니다로드해야합니다.

이 내 코드 :

<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> 

Answer 1

이 내 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>