네트워크 속도가 빨라지면서, 웹사이트에 동영상을 넣는 경우가 많아졌는데요! video 태그로 동영상을 삽입하면, 트랙픽이 많이 나가는 단점이 있습니다 😥 그래서 이에 대한 방안으로, 유튜브 iframe 을 삽입하는 방법이 있죠 그래서 오늘은 유튜브 iframe 에 대해, 반응형으로 태그를 넣는법에 대해 정리해보겠습니다! 유튜브 iframe 유튜브 영상을 html태그로 가져와, 웹페이지에 삽입하는 방법입니다. 1. Mark Up 1 ) 가져오고 싶은 유튜브 영상으로 가서 [공유] 버튼을 클릭합니다. 2) 공유버튼 누르면 나오는 창에서 [퍼가기] 클릭 3 ) 퍼가기 누르면 나오는 창 오른쪽에 태그 내용이 있습니다! 하단의 [복사] 클릭 후 그대로 html에 붙여 넣으면 됩니다 * html * 2. 속성 하지..

video 태그랑 유튜브 iframe만 고작 배워 시작한 신입, 고작 동영상 하나 넣는게 어찌나 탈이 많았는지 몰라요 😂 그런의미에서 동영상을 완.전.정.복 하기 위해 글을 써 봅니다. VIDEO 태그 웹사이트에 동영상을 적용하기 위해 사용되는 video 태그 🎬 HTML5가 생기면서 새로 나온 태그로, IE9부터 지원합니다. 1. 지원되는 비디오 형식 MP4 video/mp4 WEBM video/webm Ogg video/ogg (사파리 미지원) ogg 파일은 사파리 브라우저 에서 지원이 되지 않기 때문에, 보통 mp4나 webm을 많이 사용해요. 사실 ogg 파일은 저도 한번도 써 본 적 없는 파일형식 이네요 2. MarkUp 위의 두 방식 모두 활용 됩니다! 저는 아래 코드를 주로 사용하는 편이에요..