유튜브 영상 반응형 리사이즈하는 JavaScript 코드

유튜브 영상을 반응형으로 리사이즈하는 JavaScript 코드에 대해 알려드리려고 합니다. 이 코드를 사용하면 유튜브 영상이 모바일 및 데스크탑 화면 크기에 맞게 조정되어 사용자들에게 보다 편리한 시청 환경을 제공할 수 있습니다. 반응형 리사이즈 로직 반영 전 제 블로그를 모바일에서 확인하면, 유튜브 영상의 높이가 고정되면서 영상 비율이 깨지는 현상을 확인할 수 있습니다. 유튜브 재생 전 유튜브 재생 후 반응형 리사이즈 로직 반영하는 방법 티스토리 관리자 화면에서 "꾸미기 > 스킨 편집"을 클릭하여 HTML 편집 모드로 들어갑니다. 그리고 아래의 소스 코드를 태그 바로 앞에 추가합니다. 위의 코드는 유튜브 영상이 포함된 HTML 페이지가 로딩된 후에 실행되며, 유튜브 영상의 가로 크기를 100%로 설정하..

원문링크 : 유튜브 영상 반응형 리사이즈하는 JavaScript 코드