videojs/video.js

어떤 프로젝트인가요?

핵심 기능

• 01필요에 따라 조립할 수 있는 모듈형·조합형 플레이어 컴포넌트.
• 02HTML 및 React용 공식 패키지를 제공하며, 핵심 패키지는 npm에 배포됩니다.
• 03HLS 및 DASH 같은 스트리밍 포맷을 지원합니다.
• 04로컬 개발을 위한 디자인 RFC와 기여자 가이드를 포함합니다.

활용 사례

• React 웹 애플리케이션에 맞춤 설정 가능한 동영상 플레이어 추가하기.
• 브라우저에서 HLS 또는 DASH 콘텐츠를 재생하는 스트리밍 동영상 페이지 만들기.
• 조합형 플레이어 컴포넌트를 기반으로 맞춤형 플레이어 스킨 만들기.

빠른 시작

1. 1

   AI 코딩 에이전트에 Video.js 스킬 설치

2. 2

   사용 중인 프레임워크에 맞는 버전의 설치 옵션 출력

   npx @videojs/cli agents init

사용 전 알아둘 점

• !프로젝트 메타데이터에서 라이선스를 명확히 확인할 수 없습니다. 사용하기 전에 저장소의 라이선스를 확인하세요.

토픽

자주 묻는 질문

video.js은(는) 무엇인가요?

Video.js 프로젝트의 웹 및 React용 모듈형·조합형 오픈소스 미디어 플레이어 프레임워크(v10). Video.js v10은 웹과 React에서 동영상 및 오디오 재생 인터페이스를 구축하기 위한 미디어 플레이어 프레임워크입니다. 모듈형으로 조합할 수 있는 구성 요소를 중심으로 설계되어, 개발자는 정해진 단일 플레이어 컴포넌트를 그대로 사용하는 대신 필요한 부분을 조립해 플레이어를 만들 수 있습니다.

video.js은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

video.js은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

video.js은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. video.js의 마지막 커밋은 2026년 10월 21일입니다.

video.js은(는) 어디에 사용할 수 있나요?

React 웹 애플리케이션에 맞춤 설정 가능한 동영상 플레이어 추가하기. 브라우저에서 HLS 또는 DASH 콘텐츠를 재생하는 스트리밍 동영상 페이지 만들기. 조합형 플레이어 컴포넌트를 기반으로 맞춤형 플레이어 스킨 만들기.

video.js는 어떻게 설치하나요?

AI 코딩 에이전트에 Video.js 스킬 설치 사용 중인 프레임워크에 맞는 버전의 설치 옵션 출력: npx @videojs/cli agents init

video.js은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/videojs/video.js