엘리님의 영상을 참고해서 만든 유튜브 클론코딩이다.
깃허브 소스도 참고하고 영상도 참고했는데, action box
부분의 backgroud-color
를 주지 않았음에도 불구하고 light-grey 색상이 배경값으로 출력돼서(이부분은 다시 찬찬히 따라해보면서 다시 해봐야겠다.) 그 부분들은 따로 white값으로 바꾸어주었다.
좀 더 보완하고 싶은 점은
- 밑에 영상리스트를 누르면 영상이 재생되게 개선하기(이것은 서버와 연결해야 가능한 부분일듯하다.)
- player 밑부분의 info 섹션과 upnext 섹션이 같은 비율로 변하지않고 upnext 섹션만 크기가 달라진다. info섹션 수정하기.
- 다크모드 및 유튜브 프리미엄일때의 ui 추가
- 좀 더 여러버튼이 눌렸으면 좋겠다.😎
정도이다.
튜토리얼을 내 식대로 바꿔도 보고싶고, 유튜브가 아닌 나만의 영상 플랫폼도 만들어보고싶다.
업로드도 가능하고 공유도 가능한 플랫폼으로! html과 css가 디테일해서 공부할게 정말 많다!
엘리님이 알려주신 url들도 참고해가며 간단한거부터 다져가야겠다.🤗