[해피CGI][cgimall] Jquery.mb.YTPlayer - 웹페이지 배경에 유투브 동영상 재생

유투브에 등록된 동영상을 웹페이지 배경에서 재생이 될 수 있도록 지원하는 Jquery.mb.YTPlayer 입니다.


https://pupunzi.com/mb.components/mb.YTPlayer/demo/demo.html
페이지에 접속시 해당 스크립트가 구동되는 데모 화면을 확인이 가능 합니다.

 

 

 

첨부된 압축파일을 다운받거나 https://github.com/pupunzi/jquery.mb.YTPlayer 페이지에서 소스 다운로드가 가능 합니다.

압축을 풀어보시면 examples 폴더가 확인이 되며,
해당 소스들을 참고 하셔서 웹사이트에 추가 해주시면 됩니다.

 

 

 

examples 폴더내에 있는 예제파일들중 소스가 간단하게 구현된 test-3.html 파일을 참고해보면 아래와 같습니다.
해당 소스는 배경에 유투브 영상을 깔아두고,
상단에 유투브 영상을 한개 더 출력하는 예제 파일이네요.

(유투브 영상은 유투브에서 임의의 동영상의 코드로 변경해서 적용 해본 소스 입니다.)

 

 

 

결과는 아래와 같습니다.
정상적으로 배경에 유투브 영상이 재생이 되고,
상단의 유투브 영상도 정상 구동이 가능 했습니다.