youtube video in bootstrap modal

Question

div 안에 비디오를 넣고 재생 버튼을 클릭해야합니다.이 비디오는 화면 중앙의 모달 비디오로 열립니다. 이것은 어떻게 작동해야합니까 예 http://www.jqueryscript.net/demo/Youtube-Video-Modal-with-jQuery-Bootstrap-3-YTModal/입니다.

<div class="news-bar-content"> 
    <div class="news-bar-items"> 
    here should be video from youtube 
    </div> 
</div> 

Answer 1

Ytmodel 당신이 할 수있는 팝업 페이지의 중심, 에 유튜브 뛸 수있는 동영상을 재생하는 데 도움이 :

나는 다음과 같은 HTML 코드가 있습니다. 당신은 헤더에 자바 스크립트 jquery, 3 부트 스트랩을 삽입해야합니다. `=

` 삽입 다음과 같은 문서에 유튜브 비디오

Load the jQuery YouTubeDefaultImageLoader.js plugin's JavaScript and CSS files in the document.

. DIV의 ID 속성을 사용하여 포함하려는 Youtube 비디오의 ID를 지정할 수 있습니다. 누군가가 DIV 클래스 = 클릭 할 때마다 U 원하는처럼

<div id="y73mJZdMEcw"class="youtubeVideoLoader"></div> 

이제 'youtubevideoloader, 비디오 창이 화면에 나타납니다.