본문 바로가기

리액트

React-player 라이브러리

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

설치 방법

npm i react-player

사용 방법


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

구현 화면


출처: react-player 패키지

'리액트' 카테고리의 다른 글

포켓몬 API를 사용하여 포켓몬 도감 만들기  (0) 2025.02.08
React  (0) 2025.01.07
React Potal Modal 구현하기  (3) 2024.12.31
React scroll시 css 변경하기  (0) 2024.12.31
React 캐로셀  (1) 2024.12.31