플러그인 없이 동영상 삽입하는 가장 쉬운 방법
티스토리 블로그를 운영하다 보면 글 중간에 유튜브 영상을 넣고 싶을 때가 많습니다.
영상이 들어가면 글 체류시간이 늘어나고 방문자의 이해도도 높아지기 때문에 블로그 운영에 매우 도움이 됩니다.
예전에는 티스토리 유튜브 플러그인을 사용해 영상을 삽입하는 경우가 많았지만, 최근에는 플러그인 없이 유튜브 링크만 붙여 넣는 방식이 가장 간단하고 안정적인 방법으로 사용되고 있습니다.
이번 글에서는 티스토리 유튜브 영상 삽입 방법을 가장 쉬운 방식부터 차근차근 정리해 보겠습니다.
1. 가장 쉬운 방법 – 유튜브 링크 붙여넣기
현재 티스토리에서는 유튜브 URL만 붙여넣어도 자동으로 영상이 삽입되는 경우가 많습니다.
방법은 매우 간단합니다.
방법
1️⃣ 유튜브에서 원하는 영상을 열기
2️⃣ 영상 아래 공유 버튼 클릭
3️⃣ 링크 복사 선택
4️⃣ 티스토리 글쓰기 화면에 붙여넣기
예시
코드 복사
https://www.youtube.com/watch?v=영상ID
링크를 한 줄에 단독으로 붙여넣으면 자동으로 영상 플레이어가 생성됩니다.
장점
플러그인 필요 없음
모바일에서도 자동 반응형 적용
블로그 스킨 변경에도 안정적
티스토리 블로그 초보자라면 이 방법을 가장 추천합니다.
2. 유튜브 임베드 코드로 삽입하는 방법
영상 크기를 직접 조정하거나 디자인을 맞추고 싶다면 임베드 코드 방식을 사용할 수 있습니다.
방법
1️⃣ 유튜브 영상 아래 공유 클릭
2️⃣ 퍼가기(Embed) 선택
3️⃣ <iframe> 코드 복사
4️⃣ 티스토리 글쓰기 → HTML 모드 전환
5️⃣ 원하는 위치에 코드 붙여넣기
예시 코드
HTML
코드 복사
<iframe width="560" height="315"
src="https://www.youtube.com/embed/영상ID"
frameborder="0" allowfullscreen></iframe>
이 방식은 영상 크기와 위치를 세밀하게 조정할 수 있다는 장점이 있습니다.
3. 모바일에서도 깨지지 않는 반응형 유튜브 삽입
임베드 코드를 사용할 경우 모바일에서 영상이 잘리는 문제가 발생할 수 있습니다.
이럴 때는 아래와 같은 반응형 코드를 사용하는 것이 좋습니다.
HTML
코드 복사
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
<iframe src="https://www.youtube.com/embed/영상ID"
style="position:absolute;top:0;left:0;width:100%;height:100%;"
frameborder="0" allowfullscreen></iframe>
</div>
이 코드는 16:9 비율을 유지하면서 모든 화면에서 자연스럽게 표시됩니다.
4. 티스토리 동영상 직접 업로드는 추천하지 않는 이유
예전에는 티스토리에서 동영상 파일을 직접 업로드할 수 있었지만 최근에는 상황이 달라졌습니다.
현재는
동영상 업로드 기능 축소
기존 업로드 영상 정리 가능성
백업 시 영상 파일 포함되지 않음
등의 이유로 유튜브나 외부 플랫폼에 영상을 올린 뒤 블로그에는 링크만 넣는 방식이 가장 안정적인 방법으로 권장됩니다.
5. 티스토리 블로그에서 영상 활용 팁
유튜브 영상을 블로그에 삽입할 때는 몇 가지 전략을 활용하면 좋습니다.
영상 위치
글 상단 : 핵심 내용 설명
글 중간 : 이해 보조
글 하단 : 정리용 영상
영상 개수
한 글에 1~2개 정도가 가장 좋습니다.
너무 많으면 페이지 로딩 속도가 느려질 수 있습니다.
SEO 최적화
영상 아래에 간단한 설명 문장을 함께 작성하면 검색 노출에 도움이 됩니다.
예시
영상 요약 3줄 작성
핵심 키워드 포함
관련 글 내부 링크 추가
정리
티스토리 블로그에 유튜브 영상을 삽입하는 방법은 크게 3가지입니다.
✔ 유튜브 링크 붙여넣기
✔ 유튜브 임베드 코드 삽입
✔ 반응형 코드 활용
이 중에서 가장 간단하고 안정적인 방법은 유튜브 URL을 본문에 붙여넣는 방식입니다.
영상 콘텐츠를 적절히 활용하면 블로그 글의 체류시간과 가독성을 동시에 높일 수 있기 때문에 블로그 운영에 매우 효과적인 방법입니다.