React-player 라이브러리

Video를 재생시켜주는 라이브러리

설치 방법

npm i react-player

사용 방법

• 동영상을 보여줄 주소 입력하기
• 물론 css도 설정이 가능하다.
• loop는 동영상이 끝나면 자동으로 다시 시작하는 옵션
• controls는 기본 HTML5 비디오 컨트롤을 사용할지 여부를 설정하는 옵션, controls가 true일 경우, 플레이어에 재생/일시정지, 볼륨 조정 등의 기본 컨트롤이 표시

구현 화면

출처: react-player 패키지