Blueimp 갤러리 - YouTube의 비디오

Question

내 웹 사이트에서 blueimp 비디오 플레이어 구현에 어려움을 겪고 있습니다. 사진 갤러리를 해봤지만 Youtube에서 비디오를 활성화하는 방법을 알지 못합니다.
나는 THIS 주제를 발견하고 거기에서 코드를 사용하려고했지만 만족스러운 결과는 얻지 못했습니다.
저는 BootStrap 프레임 워크에 웹 사이트를 구축하고 있습니다.

내가 생각할 수있는 많은 가능성을 시도 했으므로 이제는 정말 지저분하므로 내 코드를 보낼 수 없습니다.

사진 갤러리를 시작했을 때 나는 BlueImp의 설명서를 열고 "설정"단계를 따랐습니다. 그러나 그것은 사진만을위한 것입니다. VIDEO 섹션으로 스크롤 한 후 문제가 발생했습니다. 내가 그 코드 조각으로 무엇을해야할지 모르겠다. CAROUSEL 버전의 플레이어를 모든 컨트롤 버튼과 함께 넣으려고했지만 모든 YouTube 동영상에 연결할 수 없습니다. Screenshot of what I've got right now when I open the page
비디오가 없습니다. 그냥 빈 플레이어입니다.
문제는, 나는 그것을 이해할 수 있도록 무엇을 해야할지 단계별로 알려주고 싶습니다. 정말로 그것을 스스로 설명 할 수는 없지만 (웹 사이트 코더가 아니며 현재 저는 이 물건을 배우는 데 많은 시간을 들이지는 마라. 그러나 나는 그의 형제에게 내가 그를 위해 그것을 할 것이라고 약속했다.
미리 감사드립니다.

Answer 1

BlueImp YouTube JS에 대한 참조를 포함했는지 확인하십시오.

GitHub의 Blueimp 설정에서 명확하지 않지만 YouTube JS에 대한 참조를 포함해야합니다.

<script src="js/blueimp-gallery-youtube.js"></script> 

그런 다음 당신은 당신 앵커 내부에 다음 태그와 링크를 필요

<a href="https://www.youtube.com/watch?v={yourvideolink}" 
title="Video title text" 
type="text/html" 
data-youtube="{yourvideolink}" 
data-poster="https://img.youtube.com/vi/{yourvideolink}/0.jpg" 
data-gallery></a> 

이 (가) {yourvideolink} 비디오 ID로 유튜브가 공유 코드에서 당신을 제공 교체합니다.

저에게 2 일간의 수수께끼를 보냈습니다.