[Site] 유투브 영상 반응형으로 올리는 간단한 방법 "EMBEDRESPONSIVELY.COM"

[Site] 유투브 영상 반응형으로 올리는 간단한 방법 "EMBEDRESPONSIVELY.COM"

요즘 반응형 웹에 대한 열기가 뜨겁다. 예전에는 인터넷을 주로 컴퓨터로만 했지만, 이제는 다양한 크기를 가진 기기들이 등장하면서, 홈페이지나 블로그를 만드는 사람들도 그러한 부분까지도 모두 고려해서 만들어야 하는 상황이 되어버렸다. 한 가지에만 집중을 하자니, 다른 것들을 포기해야하는 상황이 벌어지는데 이렇게 모든 "기기'에서 그나마 최적화를 시켜서 볼 수 있게하는 것이 반응형 웹이기에 아마도 이제는 홈페이지나 블로그도 점점 반응형으로 바뀌지 않을까 하는 생각을 해보기도 한다.

"반응형 웹에 그냥 유투브 영상을 넣으려고 하면, 사이즈가 구겨질 수 있다. 유투브 영상은 아직 반응형으로 구현이 되고 있지 않으니까..."

아무튼, 이렇게 반응형 웹으로 만든 곳에 유투브 영상을 첨부하려고 하면, 난감해질 수 있다. 그냥 퍼오기 기능을 사용해서 첨부를 해도 문제없이 작동은 하는 모습이지만, 보기에 "미관상" 상당히 이상해 보일 수 있으니 말이다. 물론 사이즈가 맞는 "기기"로 볼때는 무관하지만, 큰 영상을 첨부했는데, 작은 화면의 기기로 보거나, 작은 영상을 첨부했는데, 큰 화면의 기기로 보거나 할때가 문제가 생길 수 있는 것이다.

▲ EMBED RESPONSIVELY 사이트

"유투브 EMBED 코드 사이즈가 고정되어 있기때문에 생기는 문제, 이것을 간단하게 해결하는 사이트가 있다."

이러한 문제는 유투브 EMBED 코드에서 영상의 크기가 고정되어 있기떄문에 발생하는 문제점이다. 소인배닷컴도 최근에 새롭게 개설한 블로그에서 "반응형" 웹을 테스트하고 있는데, 이러한 문제를 해결하려고 노력을 해보았다. 그래서 검색을 해보니, 아주 간단히 해결할 수 있는 사이트를 발견하게 되었는데, 공유를 한번 해보고자 한다.

▲ 간단히 만들어진 코드, 복사해서 붙여넣기만 하면 반응형 코드가 만들어진다.

"사이트에 접속해서, 원하는 영상의 링크가 있는 주소를 입력하면, 반응형 코드가 만들어진다."

사용법은 정말 간단하다. 사이트에 접속하고, 유투브 등의 사이트에서 가져올 영상의 "주소"를 적어놓은 다음, EMBED 버튼을 누르면 아래쪽에 영상과 함께 반응형 코드가 만들어진다. 이렇게 만들어진 코드를 복사해서 "영상을 첨부하고 싶은 곳"에 넣으면, 반응형 영상이 첨부가 되는 것이다.

간단하게 반응형 영상을 첨부할 수 있게되어서 참 다행이다. 큰 힘을 들이지 않고도 이렇게 해결할 수 있으니 말이다. 아무튼, 최근 반응형웹을 실험해보고 있다보니, 소인배닷컴도 스킨을 반응형으로 고치고 싶은 생각이 든다. 일단 지금의 불만은 가로 사이즈가 작아서 사진이 작게 업로드 된다는 것이니 말이다!

"EMBEDRESPONSIVELY.COM"

Language : English

Price : Free

Homepage : http://embedresponsively.com/