• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

동영상이 없을 경우 오류

22.08.25 21:09 작성 조회수 428

2

선생님 안녕하세요? 강의 잘 듣고 있습니다.

Styled Component를 이용한 비디오 배너 만들기에서

iframe에서 src에 movie.videos.results가 없을 경우 오류가 생깁니다.

저는 여기에 옵셔널 체이닝(?.)을 걸어 만약에 movie.videos.results이 없을 경우 undefined를 반환하게 하는 방식으로 해결했습니다. 이렇게 한 경우 오류 페이지가 보이는 대신 동영상을 재생할 수 없다고 뜹니다.

이렇게 하는 방법도 괜찮은지, 혹시 더 좋은 방법이 있다면 가르쳐 주세요.

감사합니다.

src={`https://www.youtube.com/embed/${movie.videos.results[0]?.key}?controls=0&autoplay=1&loop=1&playlist=${movie.videos.results[0]?.key}`} 

답변 1

답변을 작성해보세요.

0

안녕하세요!!

너무 잘하셨네요!

이렇게 하실 수도 있고

아예 버튼을 못 누르게 막을 수도 있겠네요(아니면 버튼을 video가 없으면 버튼을 없애주셔도 될 거 같습니다)!

너무 잘하셨습니다

감사합니다.