웹페이지에 유튜브 영상 추가1 2024년, 웹사이트에 반응형 유튜브 비디오 추가하기 유튜브 영상을 웹사이트에 넣기위한 방법은 여러해 동안 다양한 방법이 동원되었습니다. 하지만 이제 아래 코드만으로 반응형 웹페이지까지 한번에 처리 가능합니다. CSS 마크업 .video-container { position: relative; padding-bottom: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 비디오 태그 종횡비 속성 CSS 추가하기 .video { aspect-ratio: 16 / 9; width: 100%; } 마지막으로 iframe에 클래스(.video) 를 적용합니다. .video 클래스명은 원하대로 수정가능합니다. 이상 반응형 웹사이트까지 .. 2024. 2. 5. 이전 1 다음
