[동영상 삽입하기] 내 블로그에 소스코드를 붙여넣어 바로보이게 유튜브 동영상 삽입하는 방법

안녕하세요, 이번에 유튜브 동영상을 소스코드로 복사해서 블러그에 삽입하는 방법을 공부해보겠습니다.

우선 게시하고 싶은 동영상을 유튜브에서 검색합니다.

전 "BTS (방탄소년단) 'I'M FINE' Official MV" 를 찾아보았습니다.

유튜브 동영상의 링크는 : https://www.youtube.com/watch?v=tjN5BONmusI&feature=youtu.be 이것입니다.

이 동영상을 그냥 링크로 블로그에 삽입하면 링크로만 존재하니 플레이를 블로그에서 감상하기 어렵습니다.

플레이 가능한 상태로 가져오기 위해서는 동영상의 아래 부분 [공유하기] 메뉴를 클릭합니다.

그럼 아래와 같은 공유 방법을 결정하는 창이 뜹니다.

여러가지 공유 방법이 있는데요, 여기서 전 스크립트로 퍼오는 방법을 해보려고 합니다.

왼쪽에 [퍼가기] 메뉴를 눌러주세요

퍼가기 메뉴를 누르면 아래와같이 바뀝니다.

오른쪽의 소스를 복사하세요.

복사잘했으면 이제 포스팅하고 있는 블로그로 옵니다.

T스토어 기준으로 설명해 드리겠습니다.

편집모드에서 위에 보면 이런 [외부켄텐츠] 메뉴가 있습니다

[외부컨텐츠] 메뉴를 누르면 이런 설정 창이 뜹니다.

빨강색 영역에 복사한 소스를 붙여 넣습니다.

그 후에 확인 버튼을 누르세요!!

그럼 이렇게 유튜브 동영상이 내 블로그에 삽입이 됩니다. 짜잔~~

이제 내 포스팅에서 유튜브 동영상을 감상할 수 있습니다.

그리고 잊지 마셔야 할게 출처 표기는 꼭 해주세요!

퍼오셨으면 출처를 밝히는 센스는 필수입니다. :)

[동영상 출처 : https://www.youtube.com/watch?v=tjN5BONmusI&feature=youtu.be]

참고로 동영상 사이즈는 스크립트 복사할 소스에서 수정이 가능합니다.

<iframe width="560" height="315" src="https://www.youtube.com/embed/tjN5BONmusI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

위의 부분에서 width는 넓이, height는 높이를 지정합니다.

예를 들어 width를 700으로 하면 넓이가 700픽셀이 되는 것입니다.

참고로 width를 100%로 하면 꽉 찬 동영상으로 나올 것입니다.

그럼 즐거운 포스팅 되세요~~