컴퓨터+a/유용한 정보

블로그 유튜브영상 무한재생으로 삽입하는법

hiiambk 2017. 4. 26. 11:46

 

 

이번에 처음으로 노래에 대한 포스팅을 남기면서

블로그에 유튜브 영상을 무한재생으로 삽입하는 법에 대해 알게되었는데요

 

도움이 될까 싶어 포스팅으로 남깁니다 ㅎㅎ

 

일단 유튜브에서 소스코드를 받아오는 건 많은 분들이 아실 것 같은데요!

유튜브 영상 아래쪽에 보면 공유버튼이 있고

그 것중에 소스코드를 눌러서 이 소스코드를 복사한 후

 

 

티스토리에서 외부컨텐츠 부분을 누르면

 

이런창이 뜨게되고 아까 복사한 코드를 넣으면 됩니다~

 

무한재생을 하려면 어떻게 해야할까요?

그 코드를 조금 바꿔야겠죠?!

 

<div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://www.youtube.com/embed/Rh5ok0ljrzA?rel=0?ecver=2" width="640" height="360" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen></iframe></div>

 

일단 이게 복사해온 원래 링크!

여기다가 아래처럼 코드를 넣어주면 되는데요~

 

?autoplay=1&playlist=            &loop=1

 

<div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://www.youtube.com/embed/Rh5ok0ljrzA?rel=0?ecver=2?autoplay=1&playlist=Rh5ok0ljrzA&loop=1" width="640" height="360" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen></iframe></div>

 

embed/뒤쪽에 파란색으로 표시한 부분이 유튜브영상 이름이라고 생각하시면 됩니다!

물음표 전까지요!

그러면 빨간색 부분 코드를 삽입할 때 이름이 각각 달라지겠죠?

src맨 마지막 부분에 저 코드를 넣어주시면 됩니다~

 

생각보다 간단한 코드 삽입이니까 시도해보세요!

 

728x90