video.js 는 html 상에서 영상을 재생할 때 사용하는 오픈 소스이다.
다음 사이트에서 guide를 통해 쉽게 접근할 수 있다.
Getting Started with Video.js - Video.js: The Player Framework
Make your player yours with the internet's most popular open source video player framework
videojs.com
cdn 방식, npm install, 다운로드 후 import 등 여러 방법으로 접근할 수 있다.
react를 사용한다면 cdn이나 npm install, 폐쇄망에서 사용할 경우는 직접 다운로드 하는 것을 추천한다.
만약 직접 다운로드를 할 것이라면 다음 링크를 이용하자.
Video.js
Download Video.js for free. Open source HTML5 video player. Make your web video player truly yours with Video.js, the world's most popular open source HTML5 player framework. Video.js was built from the ground up for an HTML5 world, supporting video playba
sourceforge.net
글 작성 시점으로 8.12.0이 최신 버전임.
8 -> 9 버전으로 전환시 deprecate되는 기능들에 대해선 api 사이트를 참고하자.
api 사이트
Video.js API docs
Type anything to view search result
docs.videojs.com
파일을 직접 다운 받는다고 가정하면
example 폴더에 sample 코드가 있다.
<video> 태그와 <source> 태그를 이용하여 영상을 접근하고 있는데 이를
다음과 같이 options를 통해 태그를 사용하지 않고 js를 이용해 값을 변경할 수도 있다.
자세한 options의 내용은 다음 링크를 확인하면 된다.
Video.js Options Reference
The standard options available when creating a Video.js player.
videojs.com
videojs를 활용한 다양한 예제들은 다음 사이트에서 확인할 수 있으니 참고하면 좋다.
videojs-http-source-selector examples - CodeSandbox
codesandbox.io
