본문 바로가기


IT 이야기/IT 꿀팁정보

유튜브(youtube) 동영상 시작위치 설정해서 공유하기 [유튜브동영상옵션설정]

by 낭만ii고양이 2018. 8. 28.

 

안녕하세요 낭만고양이 입니다. 오늘은 유튜브 동영상을 공유할때 시작위치 설정과 화질설정 동영상 끝난후 추천동영상 보이기유무 자동재생 설정방법 등 여러가지 옵션에 대해 배워보도록하겠습니다. html 테그에 대해서 기본적인 지식이 조금 필요한 부분이니 테그에 대해 전혀 모르시는 분은 여기를 클릭하세요. 테그에 대해 전혀 몰라도 되는 포스팅입니다.


우선 유튜브 동영상을 공유할려면 기본 주소를 아셔야 합니다.  기본주소란 유튜브 동영상 아래에 보면 공유 버튼을 누르면 아래와 같이 나옵니다 빨간색 네모박스 부분이 고유주소입니다.









또는 url 표시되는 부분을 보시면 아래와 같이 나오는데 빨간색 네모박스 부분이 고유주소입니다.






유튜브 동영상을 퍼가기 할려면 아래와 같은 소스를 유튜브에서 제공합니다.

(어디서 이런소스를 볼수있냐면 유튜브 동영상 아래쪽에 공유버튼을 누른다음 나오는 메뉴에서 퍼가기 메뉴를 누르면 아래와 같은 소스가 나옵니다)


<iframe 
width="560" height="315" 
src="https://www.youtube.com/embed/고유주소" 
frameborder="0" allow="autoplay; encrypted-media" 
allowfullscreen>
</iframe>



여기서 고유주소라고 적힌 부분에 실제로 공유할 동영상의 고유주소를 적으셔야 겠지요

이제 이 소스를 약간 응용해보겠습니다.

이 동영상이 720p 화질로재생되며 자동재생되지 않으며  60초지난 시점부터 재생되며

동영상 재생후 추천영상이 뜨지 않도록 해보겠습니다.



<iframe 
width="560" height="315" 
src="https://www.youtube.com/embed/고유주소?vq=hd720&autoplay=0&start=60&rel=0" 
frameborder="0" allow="autoplay; encrypted-media" 
allowfullscreen>
</iframe>





위 소스에보시면 녹색 부분이 전부 옵션인데 하나하나 살펴보도록하겠습니다


먼저 vq=hd720 는 동영상의 화질입니다. 보통 일반적으로 많이 사용하는 화질입니다. 좀더 나은 화질이 지원된다면 vq=hd1080 로 설정하시면됩니다. 그리고 240p 화질로 재생은 vq=light , 360p 화질로 재생은 vq=medium  480p 화질로 재생은 vq=large 입니다

autoplay=0 는 자동실행을 하지않습니다. 페이지를 로딩하면서 자동으로 동영상이 실행하기를 원하시면 autoplay=1  으로 

start=60 는 동영상 시작위치를 지정할때 사용합니다 60초후 실행됩니다. 만약 2분후 실행하기를 원하시면 start=120 으로 설정하세요

rel=0 동영상 실행후 추천영상을 표시하지 않습니다 표시할려면 rel=1 으로 설정하세요.



위와같이 설정해서 동영상 하나를 공유한것이 아래 동영상입니다.


>



위 동영상을 표현한 소스는 아래와 같습니다. 1분후에 시작하며 720p 화질이며 자동시작하지 않으며 동영상 재생후 추천동영상을 나타내지 않습니다.


<iframe width="560" height="315" 
src="https://www.youtube.com/embed/zAJo1kDH4UQ?vq=hd720&autoplay=0&start=60&rel=0" 
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="">
</iframe>




만약 유튜브 동영상을 가운데 정렬 할려면 어떻게 해야할까요? 아래와 같이 소스를 적용하시면 됩니다.



<center>
<iframe width="560" height="315" 
src="https://www.youtube.com/embed/zAJo1kDH4UQ?vq=hd720&autoplay=0&start=60&rel=0" 
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="">
</iframe>
</center>




댓글