웹솔루션개발 25년 노하우! 해피CGI의 모든것

웹페이지에 표시되는 링크를 클릭하면 모달이 화면에 표시되고, 모달내에서 Youtube, Vimeo, Facebook 의 동영상을 재생할 수 있는 간단한 스크립트 입니다. 다운로드 받은 파일의 압축을 해제한뒤 test/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 데모 페이지상에서는 버튼이 3개가 있고, 각 버튼을 눌러보면 버튼을 눌러보면 모달화면이 열리면서 동영상이 재생이 됩니다. index.html 파일의 소스코드를 열어서 보면, 버튼3개에 대한 HTML태그가 확인이 가능합니다. 데모 페이지 자체에 버튼만 덜렁 있는 상태라 소스코드는 아래의 그림과 같이 단순하게 되어 있습니다. data-video-id='문자열' 을 이용해서 재생하고 싶은 동영상을 지정할 수 있습니다. 문자열은 유..

비메오 영상을 사이트의 백그라운드 사용하는 jQuery 플러그인 입니다. 이번 업데이트로 영상 퀄리티도 설정 가능 합니다. 단, 퀄리티 설정을 하려면 반드시 Vimeo Pro 또는 Plus 사용자만 가능합니다. 사용법 안내 입니다. # 라이브러리를 호출 하세요. # 다음과 같은 비메오 플레이어를 페이지에 삽입하세요. # 플레이어를 호출하세요. # 추가옵션도 확인하여 활용해 보세요.

* video.js 소개 - Video.js 는 HTML5 에서 이용이 가능한 웹비디오 플레이어 입니다 HTML5와 플래시 비이오뿐만 아니라 youbube 와 vimeo 를 지원합니다 * 라이센스 - Apache License, Version2.0 * 사용방법 - 플레이어 추출방법은 크게 css, script, 영상추출태그(source) 태그가 주가 되며 샘플코드는 아래와 같습니다 css, js 부분 영상추출부분(HTML5 cdn 서버 이용시) 영상추출부분(swf local 서버 이용시) 주의할점은 동적으로 video.js 를 이용할 경우 인데 동적으로 ajax 나 appendChild 를 사용하여 비디오 태그를 이용할 경우 설정에 문제가 생기지 않도록 데이터 설정 속성을 제거해야합니다 페이지 로드 및 ..