지식 저장소

트위치 클립 HTML 코드 작성 방법

이안테일 2019. 8. 5. 03:50
반응형

해당방법은 트위치의 재생앱자체를 삽입할 수 없을때 사용하는 방법입니다.

 

먼저 트위치의 클립 링크를 복사합니다.

 

이 클립의 링크는 

https://clips.twitch.tv/SmallDiligentLasagnaKippa 이군요

 

그다음 HTML코드를 넣을 곳에 하단의 코드를 붙여넣기 합니다.

 

<p><iframe src="https://clips.twitch.tv/embed?clip=★&autoplay=false&tt_medium=clips_embed" width="640" height="360" frameborder="0" scrolling="no" allowfullscreen="true"></iframe></p>

 

이 코드에서 ★ 부분에 위 링크의

https://clips.twitch.tv/SmallDiligentLasagnaKippa

진한부분을 삽입하면 클립을 HTML로 삽입할 수 있습니다. 

 

이때 HTML코드의 width, height 값을 수정하여 클립 플레이어의 크기조절도 가능합니다.

 

<p><iframe src="https://clips.twitch.tv/embed?clip=SmallDiligentLasagnaKippa&autoplay=false&tt_medium=clips_embed" width="640" height="360" frameborder="0" scrolling="no" allowfullscreen="true"></iframe></p>

 

이제이걸 삽입하면-

 

 

 

 

잘 동작 하는군요!

반응형