유튜브, 반응형으로 티스토리 블로그에 포스팅 하는 방법

Posted at 2014. 9. 2. 12:08 in 블로그 운영 by ideahole

유튜브, 반응형으로 티스토리 블로그에 포스팅 하는 방법


최근 티스토리에 반응형 스킨을 적용해서 사용하시는 분들이 점차적으로 늘고 있습니다. 고정형만의 장점도 있고 반응형만의 장점도 있지만 저는 반응형이 좋아서 제 블로그는 모두 반응형으로 하고있으며 이런저런 반응형 스킨이 배포가 되면 적용해서 사용해보곤 합니다.


물론 html과 css는 완전 문외한이라서 스킨 하나 수정하려면 정말 인터넷 검색 & 노가다 & 백업 & 복구를 반복하게 됩니다. -_-;;


아무튼 티스토리에 반응형 스킨을 적용하고 유튜브를 업로드할 경우 문제점이 있는데 유튜브 소스를 보시면 너비와 높이가 고정이 되어있습니다. 그래서 가로폭이 좁은 모바일 기기에서 영상이 제대로 보이지 않는 경우가 발생하게 되는데요 이를 해결해주는 사이트가 있습니다.



"Embed Responsively"라는 곳인데 유튜브 이 외에 비메오라던지 인스타그램 페이지 등 다양한 서비스를 반응형에 맞게 코드를 자동으로 만들어줍니다. 



사이트에 들어가서 블로그에 포스팅하려는 유튜브 영상의 주소를 입력하고 "Embed"를 입력하면 



반응형 유튜브 임베트 코드가 만들어지며 이 코드를 포스팅 작성시 삽입하면 됩니다.


유용하게 사용하세요. :-)



저작자표시 비영리 변경금지

페이스북, 카카오스토리, 빙글로 빠르게 아이디어홀 블로그 소식받자

RETURN TOP

티스토리툴바