[꿀팁] 유튜브에서 영상 재생 시작 지점을 설정하여 블로그에 퍼오는 방법

[꿀팁] 유튜브에서 영상 재생 시작 지점을 설정하여 블로그에 퍼오는 방법

유튜브 영상을 티스토리 블로그에 퍼오는 방법은 여러가지가 있습니다.

그런데 최근 영상 재생 시작 지점을 설정하여 퍼오는 방법이 모두 막혔습니다.

따라서 시작 지점 설정이 해제되는 오류를 해소하고, 내가 설정한 지점에서 퍼온 영상이 재생될 수 있도록 하는 방법을 알아보겠습니다.

우선, 티스토리 블로그에 영상을 퍼와서 붙여넣는 몇가지 방법부터 짚고 넘어가겠습니다.

1. 영상 링크 그대로 붙여넣기

1. 주소창 링크를 복사하거나 공유 버튼을 눌러 나오는 팝업창에서 링크를 복사합니다.

상단 주소창에 표시된 URL을 복사하거나 영상 하단의 (↗공유) 버튼을 누른 뒤

주소창 옆에 있는 (복사) 버튼을 누릅니다.

해당 주소를 티스토리 글쓰기 '기본모드' 창에서 붙여넣은 뒤, 주소를 선택하고 '엔터' 키를 누르기만 하면 영상이 자동으로 삽입됩니다.

https://youtu.be/Ar7z4Sk2Bp0?si=kRfwUTcCSz7nR-Gu

가장 편리하고 손쉽게 유튜브 동영상을 퍼오는 방법.

2. 하이퍼 링크를 사용하여 영상 삽입하기

그러나 URL 주소 링크만 퍼오는 것은 포털 사이트에서 키워드 검색 결과에 걸리지 않기 때문에, 해당 영상을 검색해보고 싶은 사람들에게 잘 노출되지 않는다는 단점이 있습니다.

블로그 운영은 결국 키워드 싸움이기 때문에, 해당 키워드를 유지한 채 하이퍼링크로 영상을 퍼오는 것이 포털 사이트의 검색 SEO 시스템을 고려했을 때 훨씬 좋은 선택입니다.

그래서 해당 영상의 제목 텍스트를 써넣은 뒤, 텍스트에 하이퍼링크를 삽입하면 손쉽게 SEO의 우위점도 챙기면서 영상을 퍼올 수 있습니다.

퍼오고 싶은 해당 영상의 제목을 복사하여 작성 중인 포스팅에 붙여넣습니다.

글쓰기로 작성중인 포스팅에 제목 텍스트를 붙여넣은 뒤 드래그하여

하이퍼링크 삽입 버튼을 누르면

URL을 입력할 수 있는 창이 나옵니다.

복사한 영상의 주소 링크를 붙여넣고 (확인) 버튼을 누르면

선택된 텍스트는 클릭이나 터치를 하여 해당 유튜브 영상 페이지로 이동하는 것이 가능한 하이퍼링크 텍스트로 변경됩니다.

티스토리 블로그 포스팅 에디터 기본모드에서 이 링크를 클릭하여 선택한 뒤 '엔터' 키를 입력하면

99.9%가 몰랐던 돌고래의 재미있는 사실들

자동으로 영상이 링크됩니다. 워드프레스에서는 맛볼 수 없는 극도의 편리함...

3. HTML 모드에서 붙여넣기

유튜브 영상 하단 (공유) 버튼을 눌러 나온 팝업 창에서 (퍼가기) 버튼을 누르면 나오는

'동영상 퍼가기' 창에서 (복사) 버튼을 눌러 링크를 복사합니다.

티스토리 글쓰기 에디터 상단 우측에서 HTML 모드로 변경한 뒤

클립보드에 복사된 링크를 HTML 모드에서 붙여넣어 주면

영상이 링크 됩니다.

위에 링크된 토끼 영상이 아마 핸드폰 등 모바일 환경에서는 별 문제가 없어 보이지만, PC 환경에서는 화면 좌측으로 정렬되어 보일 것입니다.

만약 화면 너비를 최대치로 키워 양쪽 끝 폭에 맞추고 싶다면 코드에서 영상 너비와 높이를 적당한 비율로 수정할 수 있습니다.

기본 "560, 315"로 설정된 영상의 높이와 너비를

티스토리 블로그 화면에서 제공하는 최대 크기인 "860, 484"로 수정하면 됩니다.

그럼 영상의 크기가 이렇게 커집니다.

4. '<> HTML 블럭' 기능을 이용하여 영상 퍼오기

그러나 영상을 퍼오는 방법들 중 오류가 나지 않게 영상을 가져오는 가장 안정적인 방법은 티스토리에서 제공하는 '<> HTML 블럭' 기능을 이용하는 것입니다.

퍼오기 영상 링크를 복사해 오는 것은 위와 동일하게 진행하되,

'<> HTML 블럭'을 열어

'HTML 삽입' 창에서 코드를 붙여넣습니다.

그럼 이런 모양이 됩니다.

그런데 만약 기본 화면 크기로 작은 상태의 영상 창을 가운데에 정렬하고 싶다면?

퍼온 영상 링크 코드의 위 아래를 중앙 정렬 코드로 감싸줍니다.

퍼온 영상을 중앙으로 정렬하는 코드

<div align="center">

</div>

이 코드로 영상 링크의 위아래를 감싸면 다음과 같은 결과물이 나옵니다.

영상이 중앙 정렬 되었습니다.

모바일에서는 차이점을 느끼지 못하지만, PC에서 이 페이지를 보면 영상의 위치가 변경된 것을 확인할 수 있습니다.

그런데, 영상 재생 시작 지점 설정은 어떻게 하는 것일까요?

포스팅에 영상 재생 시작 지점 설정을 유지하며 유튜브 동영상 퍼오기

우선 앞서 설명한 동영상 퍼오는 방법들 중, 기본 모드에서 하이퍼 링크를 입력하고 '엔터' 키를 쳐서 영상을 불러오는 1번과 2번 방법은 영상 재생 시작 지점 설정이 불가능합니다.

재생 시작 지점 설정을 유지하며 내가 선택한 지점에서 영상이 시작되도록 퍼오고 싶다면, 3번 방법인 'HTML 모드'에서 코드를 붙여넣는 방법과, 4번 방법인 '<> HTML 블럭'에 코드를 붙여넣는 방법을 사용해야 합니다.

두 방법 모두 코드를 붙여넣는 방법과 형식은 동일합니다.

원래 예전에는 그냥 유튜브 '공유' 항목에서 '<> 퍼가기' 창을 열어, 원하는 '시작 시간'을 체크한 뒤 코드를 '복사'하여

'HTML 모드'나 '<> HTML 블럭'에 붙여넣으면 시작 지점 설정이 정상적으로 완료되었습니다.

그러나 지금은 그냥 이렇게 써넣으면 코드 충돌로 인해 선택한 시작 지점 설정이 제대로 되지 않고, 퍼온 영상이 무조건 맨 처음부터 재생됩니다.

코드의 어느 부분이 충돌을 일으키는 것일까요?

이 부분입니다. '?' 물음표 파라미터 바로 뒷부분인 'si='로 시작하여 어쩌구저쩌구 코드가 쓰여진 부분 끝 '&amp;' 파라미터로 끝나는 부분까지, 이 부분을 삭제해야 합니다. '&amp;' 뒤의 'start=' 부분은 재생 시작 시간을 설정하는 파라미터이니 지워지면 안 됩니다.

해당 부분을 지웠습니다.

제가 설정한 18초 지점부터 영상이 재생됩니다.

재생 시작 지점 설정이 잘 완료되었습니다.

전세계 난리난 AI의 답변

전세계 난리난 AI의 답변

국내 영화사가 해외 촬영 시 하드디스크 대신 클라우드를 이용하는 이유

국내 영화사가 해외 촬영 시 하드디스크 대신 클라우드를 이용하는 이유

초고온 핵융합 에너지를 활용한 시계

초고온 핵융합 에너지를 활용한 시계

남탕의 비밀을 알고 충격받은 여자 버튜버.jpg

남탕의 비밀을 알고 충격받은 여자 버튜버.jpg

군대에서 일어난 종교혁명 썰

군대에서 일어난 종교혁명 썰