구글맵, 유튜브 등 지도나 동영상 반응형으로 만드는 웹사이트

네이버 블로그는 잘 모르시겠지만,

티스토리나 워드프레스와 같은 블로그들은 구글맵이나 유튜브 삽입시 고정된 사이즈로 삽입하는 경우가 많아요.

근데 요즘은 반응형이 인기잖아요?

폰으로 볼 때나 패드로 볼 때,

내 블로그는 반응형으로 움직이는데 구글맵이나 유튜브를 삽입하면 사이즈가 반응형으로 변화되지 않더라구요.

저도 이 블로그를 하다보니 하나 둘씩 배워가는 단계인데요.

찾아봤더니 이걸 바꿔주는 웹사이트가 있네요?

http://embedresponsively.com/

바로 이 웹사이트에요. 들어가셔서 유튜브면 유튜브 구글맵이면 구글맵, 삽입하고 싶으신 미디어 소스를 누르고

유튜브 주소나 iframe을 입력하면 변형시켜 줘요.

예시로 뉴욕시 구글맵 iframe을 넣어볼게요.

이렇게 iframe을 넣으면

이런 변화된 iframe이 나와요.

이걸 글을 쓸 때 HTML로 넣으면 반응형 구글맵 완성!

마지막으로 완성된 반응형 구글맵 넣고 끝낼게요.