
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 |