Minimal Youtube/Vimeo Modal Plugin For jQuery

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 동영상 > Minimal Youtube/Vimeo Modal Plugin For jQuery - modal-video 상세정보

클라우드태그

javascript

PHP

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

Minimal Youtube/Vimeo Modal Plugin For jQuery - modal-video

해피팀

네티즌

소스분류

동영상

다운로드 횟수

32 회

간단설명

비디오 링크를 클릭하면 애니메이션 모달 창에서 Youtube / Vimeo 비디오를 재생할 수 있는 간단하고 액세스 가능하며 사용자 정의 가능한 jQuery 비디오 라이트 박스 플러그인입니다.

평가하기

웹페이지에 표시되는 링크를 클릭하면
모달이 화면에 표시되고,
모달내에서 Youtube, Vimeo, Facebook 의 동영상을 재생할 수 있는
간단한 스크립트 입니다.

다운로드 받은 파일의 압축을 해제한뒤
test/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.

데모 페이지상에서는 버튼이 3개가 있고,
각 버튼을 눌러보면

버튼을 눌러보면
모달화면이 열리면서 동영상이 재생이 됩니다.

index.html 파일의 소스코드를 열어서 보면,
버튼3개에 대한 HTML태그가 확인이 가능합니다.

데모 페이지 자체에
버튼만 덜렁 있는 상태라
소스코드는 아래의 그림과 같이 단순하게 되어 있습니다.

data-video-id='문자열' 을 이용해서
재생하고 싶은 동영상을 지정할 수 있습니다.

문자열은 유투브 사이트에서
동영상을 공유하기를 눌러보면 확인이 되는데,

위 그림에 밑줄로 표시한 문자열을 index.html 파일내의 소스코드의
data-video-id='문자열' 을 조절하면
문자열에 해당하는 동영상이 모달화면내에서 재생이 되게 됩니다.

버튼을 누르면 동영상이 재생되는게 전부여서,
특별한 기능은 없는걸로 보이지만,

동영상을 스트리밍 해주는 유투브나 비메오에서 제공하는 옵션을 제어하는게 가능해 보이네요.