티스토리 블로그에 포스팅을 할 때 유튜브 영상을 삽입하실 일이 있으시죠? 이 때 동영상 재생버튼을 누르면 처음부터 시작되는게 아니라 특정 시간대부터 바로 나오도록 설정할 수 있습니다.
필요한 경우
포스팅 본문에 영상을 넣을 일이 있었는데요. 처음에 설명이 좀 나오다가 1분 51초부터 실제로 자기암시문 낭독이 시작되어서 그부분부터 바로 들을 수 있게 하고 싶었습니다.
이처럼 내용과 연관된 동영상을 넣고 참고하게 하려고 할 때, 넷플릭스에 오프닝 건너뛰기처럼 앞에 서두를 넘기고 싶다던지, 아니면 가장 중요한 핵심 부분만 바로 나오게 하고 싶을떄 쓰면 좋은 방법입니다.
일반적인 방법 시도
먼저 공유를 눌러야겠죠?
보통 유튜브 영상을 티스토리에 퍼올때 공유를 누르고 나오는 url 주소 옆에 복사 버튼을 누르면 클립보드에 가져와지고, 이것을 티스토리 글쓰기 창에 붙여넣은 뒤 엔터를 누르면 바로 유튜브 재생모듈이 생성됩니다.
자세히 보니 url 밑에 시작시간 표시가 있네요?
시작 시간 앞에 네모칸에 체크표시를 해주면 시작시간 1:51 에 따른 주소가 노란색 칠한 부분처럼 추가로 뒤에 생성이 됩니다. 이 url로 가져가면 밑에 지정해놓은 1:51 부터 바로 재생이 되는 것이죠.
한번 제대로 되는지 확인해 보았습니다. 분명히 url 뒤에 ?t=111 이 붙은 주소로 가져왔는데 막상 재생을 하니까 영상이 처음부터 시작되네요. 실패입니다.
저 주소를 눌러서 유튜브가 새로 열리고 영상이 재생될 때는 시작시간 설정이 먹히는데, 티스토리 블로그 상에서 플레이어로 재생을 누르면 처음부터 시작되네요.
왜 그럴까 살펴보다가 티스토리 블로그에 가져올 때 영상 시작점을 반영할 수 있는 방법을 찾았습니다. 아래를 계속 보시고 따라해주세요.
iframe 소스로 퍼오기
youtu.be 로 시작되는 단축 url 주소 뜬 것을 바로 복사하지 마시고, 공유 누르면 첫번째에 나오는 <> 퍼가기를 선택해주세요.
그러면 이번엔 iframe으로 시작되는 긴 html 태그가 나타나게 되는데요. 여기에서 아까처럼 시작시간 이라고 써있는 부분에 체크표시를 해주고, 원하는 시간을 입력합니다. 그러면 위에 html 부분에 들어있는 주소에 아까와 비슷하게 ?start=111 이라는 것이 추가로 붙게 됩니다.
이건 <iframe> html 태그로 이루어진 마크업 형태이기 때문에 티스토리 블로그의 글쓰기 화면 기본모드에서 그대로 붙여 넣으시면 안됩니다. 기본모드를 HTML로 변환하신 뒤 거기에서 원하는 위치에 붙여 넣으시면 됩니다.
자 이제 동영상 재생시 설정한 시간부터 나오게 되는 것을 확인할 수 있습니다.
티스토리 작성중 유튜브 영상 삽입시에 특정 시간부터 재생되도록 하는 방법에 대해 알아보았습니다. 도움 되셨길 바랍니다.