SuperEmbed.js로 반응 형 비디오를 쉽게 삽입하십시오.

현대 웹은 완전히 반응하는 더 많은 디자이너들이 매일 이것을 깨닫고 있습니다. 하지만 반응 형 디자인의 경우 한 가지 귀찮은 도전이 있습니다. 삽입 된 콘텐츠.

YouTube에서 Vimeo에 이르기까지 모든 동영상 사이트에는 기본 포함 코드 특정 크기로 고정. 이는 개발자가 다른 솔루션을 사용해야한다는 것을 의미합니다. 완전히 반응하는 동영상 만들기.

그러나 CSS 컨테이너 클래스를 사용하는 대신 SuperEmbed.js, 무료 자바 스크립트 라이브러리 반응 형 비디오 제작.

이 플러그인 두 가지 문제를 해결한다. 한 번에. 퍼간 동영상 모두 주 용기를 채우기 위해 스트레칭하다., 또한 유연하게 브라우저 창을 기준으로 크기를 조정합니다..

가장 중요한 부분은 SuperEmbed.js입니다. 여분의 코드가 필요 없다., 그래서 당신은 할 수 있습니다. 파일을 임베드하다 과 그들이 뛰게하다. 이 JS 라이브러리는 나머지 부분을 특정 사이트에서 삽입 된 요소 타겟팅.

모든 동영상 특정 종횡비 유지, 그래서 당신은 불안정한 차원에 대해 걱정할 필요가 없습니다. 그리고 SuperEmbed는 바닐라 JS 라이브러리 와 의존성 없음 jQuery와 같은.

바로 지금, SuperEmbed 15 개 이상의 동영상 퍼가기를 지원합니다. YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me 및 Archive.org와 같은 사이트에서 제공됩니다. 이 목록은 여전히 성장하고있다., 시간이 지남에 따라 더 많은 비디오 스트리밍 서비스가 추가 될 것으로 기대하십시오..

이 도구를 작동 시키려면 도서관을 다운로드하십시오. 과 사이트 헤더에 추가하십시오. 이렇게 :

다운로드 할 수있는 완전히 카피하다 GitHub 레포에서 지원되는 비디오 사이트 과 현재 브라우저 지원.

대부분의 경우 SuperEmbed 모든 최신 브라우저를 지원합니다. FireFox 3.5 이상, Chrome 4 이상, Internet Explorer 9 이상 버전.

이것은 모든 브라우저 지원을 고려한 매우 인상적인 라이브러리이며 얼마나 좋은 라이브러리인지를 보여줍니다. 상자에서 바로 작동. JavaScript 해킹으로 괜찮 으면 CSS 해킹보다 훨씬 간단한 솔루션입니다..

찾을 수 있습니다. 추가 정보 GitHub에서 볼 수 있습니다. 라이브 러닝 이 바이올린.