인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

bekki님의 프로필 이미지
bekki

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

비디오 디테일 페이지 만들기

video가 안 나타나는 문제

작성

·

785

0

video 코드를 맞게 입력했지만 표출되지 않았습니다

콘솔에는 아무런 에러도 없고.. url도 문제가 없어서 이유를 찾기 어려워 리액트 라이브러리로 대체했습니다.

작동은 정상적으로 되지만 앞으로 수업 듣기에 문제 없을지는 모르겠습니다.

같은 문제를 겪으신 분들 참고하시면 좋겠습니다.

// client
npm i react-player --save

// VideoDetailPage.js
import ReactPlayer from 'react-player/lazy';

// video 부분 아래와 같이 대체
<ReactPlayer style={{ width : '100%' }} 
url={`http://localhost:5000/${VideoDetail.filePath}`}
playing={true}        // 자동 재생 on
controls={true}       // 플레이어 컨트롤 노출 여부
light={false}         // 플레이어 모드
pip={true}            // pip 모드 설정 여부
/>

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

감사합니다!!!

bekki님의 프로필 이미지
bekki

작성한 질문수

질문하기