Twitch 임베드 코드 생성기
Twitch 동영상 반응형 iframe을 웹사이트에 추가하는 무료 도구입니다.
사용자 지정 옵션
- Twitch URL
동영상, 채널, 채팅, 클립, 컬렉션에 사용 가능
- 내 사이트 URL
이 임베드 코드를 추가할 웹사이트 - "부모" 웹사이트라고도 합니다
- 크기 설정
- 반응형
- 화면 비율와이드스크린 [16:9]
- 너비 (px)
- 높이 (px)
- 동영상 설정
- 자동 재생
- 음소거
- 시작 시간
Twitch 임베드 코드
이 도구로 Twitch 동영상을 임베드하는 방법

Twitch 동영상 링크 붙여넣기
왼쪽 열 상단의 URL 입력란에 Twitch 동영상 링크를 붙여넣으세요.

Twitch 플레이어 옵션 설정
Twitch 플레이어는 스트림, 클립, 라이브 채널, 채팅, 동영상, 컬렉션 등 다양한 사용자 지정 옵션을 지원합니다!

생성된 HTML 코드 복사
Twitch 동영상이 포함된 HTML 임베드 코드를 복사하세요! WordPress 웹사이트, PowerPoint 프레젠테이션 또는 이메일에 사용할 수 있습니다.
지원되는 Twitch 임베드 생성기 옵션
지원되는 모든 Twitch 임베드 옵션에 대한 설명입니다. 아래 옵션을 사용하여 웹사이트에 삽입된 Twitch HTML iframe 코드를 개선하세요.
반응형
"반응형" 옵션은 Twitch 임베드 동영상을 웹사이트 또는 HTML 컨테이너의 전체 너비로 늘립니다.
화면 비율
"화면 비율" 옵션은 임베드된 Twitch 플레이어의 비율을 항상 유지합니다.
너비 및 높이
반응형 옵션이 꺼져 있을 때만 표시됩니다. 임베드된 Twitch 플레이어의 너비와 높이를 수동으로 설정할 수 있습니다. 화면 비율 옵션이 설정된 경우 너비에 따라 높이가 자동으로 재계산됩니다.
내 웹사이트 URL (부모 웹사이트)
모든 Twitch 임베드 스트림이나 동영상에는 "부모" 웹사이트 옵션을 설정해야 합니다. 예를 들어, Twitch 임베드 코드를 "example.com" 웹사이트에 붙여넣으려면 "부모" 옵션을 "https://example.com"으로 설정하세요.
자동 재생
"자동 재생" 옵션은 Twitch 임베드 동영상이 Twitch 플레이어가 로드될 때 자동으로 재생을 시작할지 여부를 지정합니다.
음소거
Twitch 임베드 스트림 또는 동영상의 소리를 음소거합니다.
시작 시간
"시작 시간" 옵션은 Twitch 임베드 동영상을 특정 시간부터 재생합니다.
채팅 표시
현재 Twitch 사용자의 라이브 스트림에 Twitch 채팅 임베드를 표시합니다. 이 옵션은 "Twitch URL" 옵션에 Twitch 계정을 입력했을 때만 나타납니다.
Twitch iframe 임베드 옵션은 다음을 기반으로 합니다: https://dev.twitch.tv/docs/embed
지원되는 Twitch URL
동영상 URL
https://twitch.tv/videos/<video-id>
https://twitch.tv/<channel-name>/video/<video-id>
https://www.twitch.tv/videos/<video-id>
https://www.twitch.tv/<channel-name>/video/<video-id>
컬렉션 URL
https://twitch.tv/collections/<collection-id>
https://twitch.tv/<channel-name>/collection/<collection-id>
https://www.twitch.tv/collections/<collection-id>
https://www.twitch.tv/<channel-name>/collection/<collection-id>
클립 URL
https://twitch.tv/<channel-name>/clip/<clip-id>
https://www.twitch.tv/<channel-name>/clip/<clip-id>
채널 URL
https://twitch.tv/<channel-name>
https://www.twitch.tv/<channel-name>