일상 리뷰/티스토리

티스토리에 유튜브 반응형 코드 삽입 방법

금융지능 2018. 10. 30. 20:02



티스토리를 비롯한 각종 블로그 및 사이트에 유튜브 동영상을 코드로 변환하여 삽입하는 방법에 대해 설명 드리겠습니다. 이는 이번에 유튜브 동영상을 티스토리에 삽입했던 경험을 바탕으로 정리하였습니다. 사실 방법이 무척이나 간단해 길게 설명할 게 없는 것 같아 간단히 정리하였으니 참고하시어 도움 되시길 바랍니다.





우선 아래 링크를 따라 들어가시면 http://embedresponsively.com/ 라는 사이트로 이동하시게 됩니다. 말 그대로 Embeded Responsively란 동영상을 반응형 코드로 변환시켜 주는 툴이라는 뜻입니다.

링크 바로가기 : http://embedresponsively.com/




이동하시어 위 공란에 유튜브 동영상 링크를 복사 및 붙여넣기 하시고 Embed라는 버튼을 클릭합니다. 그럼 생성된 코드를 가지고 와서 티스토리에 코드로 삽입하시면 됩니다. 티스토리를 운영하시는 블로거 분들이시라면 코드 삽입 방법에 대해서는 빠삭하시리라 생각됩니다. 바로 포스팅 시 우측 상다의 HTML 버튼을 눌러 코드를 삽입하시면 되는 것입니다.




설명이 끝났습니다. HTML에 코드를 삽입하고 다시 본문으로 돌아오게 되면 해당 동영상이 아래 포스팅의 동영상 같이 삽입되어 있는걸 확인하실 수 있습니다. 티스토리에 삽입된 동영상은 아래 이미지를 클릭하셔서 확인 바랍니다!


도움이 되셨길 바랍니다.





이 블로그 인기 포스팅

위디스크 양진호 회장 폭행 동영상 논란

과거 강한나 노출 및 성형 발언 논란

강한나 혐한 성형 발언 방탄소년단 언급

LA다저스 로버츠감독 국적 및 프로필

교촌치킨 권원강 회장 폭행 사과문

도도맘 김미나 프로필 강용석 징역