안녕하세요 :) 무택입니다🧔
오늘 알아볼 내용은 "YTPlayer" 플러그인입니다.
유튜브 iframe은 모바일에서 자동재생, 자동바 숨김이 안되기 때문에 이런 경우에 활용가능한 라이브러리(플러그인)입니다.
01. 일반 활용
See the Pen [라이브러리]유튜브영상을 배경으로 활용하기(YTPlayer) by TytanLee (@TytanLee) on CodePen.
일반적인 활용을 하면 html파일에서 문서가 지저분해 보여서 html에서 설정한 속성값을 스크립트로 넘겨서 html파일을 깔끔하게 만들 수 있습니다.
깔끔하게 정리한 문서는 아래를 참고해주세요.
02. 코드 간소화 활용
See the Pen [라이브러리]유튜브영상을 배경으로 활용하기(YTPlayer)+코드 간소화 by TytanLee (@TytanLee) on CodePen.
개선해야 할 점은 width값을 설정하고 동영상 비율과 안 맞으면 동영상의 오른쪽이 잘리는 현상이 있는데 실제 적용할 때 문제가 있으면 코드 수정이 필요해 보입니다.
'🧑💻개발 > 라이브러리' 카테고리의 다른 글
| [라이브러리]다양한 애니메이션을 간단하게 사용해보자(animate.css) (0) | 2023.05.08 |
|---|---|
| 박스 안에서 텍스트 올라오는 애니메이션(animate 라이브러리 활용) (0) | 2023.05.02 |
| [라이브러리]스크롤시 부드럽고 천천히 이동시키기(jQuery smoothwheel, scrooth) (0) | 2023.03.21 |
| [라이브러리]티스토리 코드블럭 스킨 적용(highlight.js) + 적용오류 해결 (0) | 2023.02.28 |
| [라이브러리]CounterUp - 숫자 카운트하며 올라가는 라이브러리 (0) | 2023.02.27 |
