트위치 클립을 외부 사이트에 올리는 방법

음음 예전에는 간단하게 소스 퍼올리는 방법으로 클립 첨부가 가능했었어요

 

<iframe src="https://clips.twitch.tv/embed?clip=NastyAgreeableShieldPrimeMe" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

 

 

근데 이제 단순히 소스를 퍼오는걸로는 영상이 안나오게 변경되었습니다(사실 바뀐지 좀 되었음;;)

 

우선 소스코드를 알아봐야겠죠?

 

 

자기가 생성한 클립이라면 [공유버튼->삽입버튼]을 누르면 소스코드가 나오는데요

 

혹시나 삽입버튼이 안보인다면 그냥 주소창에 있는거 가져오셔서 아래 소스코드 수정 하셔도 됩니다

 

 

**기본소스코드**

<iframe src="https://clips.twitch.tv/embed?clip=AgreeableCatDogMe&parent=www.example.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

 

이 기본소스를 보면 클립구분자+클립을 삽입하려는 페이지이렇게 구성되어있습니다

 

 

**클립주소**

www.twitch.tv/mongbre/clip/NastyAgreeableShieldPrimeMe?filter=clips&range=all&sort=time

 

클립을 보러 들어간 경로에 따라서 주소가 좀 달라질 수 있지만

 

우리는 저 빨간색 부분만 필요합니다

 

복사해서 기본소스코드에 빨간색과 바꿔주세요

 

 

**클립을 올리려는 사이트 메인도메인**

저는 제 블로그에 주로 올릴 예정이니 grandvert.tistory.com 요게 되겠군요

 

기본소스코드의 초록색과 바꿔주세요

 

<iframe src="https://clips.twitch.tv/embed?clip=NastyAgreeableShieldPrimeMe&parent=grandvert.tistory.com" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>

 

 

 

자 이제 클립이 정상적으로 나오는걸 볼 수 있습니다

 

사실 클립 주소뒤에 부모변수만 넣어주면 되는거긴한데

 

어려우신분들은 소스 복사해서 색 다른 부분만 수정하시면됩니다!