[css] 웹페이지 이미지 영역에 맞추어 영상 삽입 웹페이지에서 정해진 이미지 영역에 딱 맞추어 영상 삽입하는 방법입니다. 주로 웹사이트나 블로그의 상세 페이지에서 html, css로 페이지를 만들때 미리 만들어 놓은 이미지 안에 맞추어 유튜브와 같은 영상을 띄울 때 사용하는 css 적용 방법입니다. 편하게 inline 방식으로 구현하였습니다. 구현 화면 웹페이지 이미지 영역에 맞추어 영상 삽입 정해진 이미지의 위치와 영역을 알맞게 정해줍니다. iframe 태그의 부모 요소를 영상 비율인 16대9 사이즈에 맞추어 높이를 설정해 주어야 영상이 일정 비율로 반응형으로 출현합니다. 56.25% -> 100% : 56.25% = 16 : 9 유튜브 ifram 코드 가져오기 유튜브 해당 영상의 메뉴에서 공유 > 퍼가기에 iframe 코드를 복사하여 사용합니다. 이전 1 다음 반응형
