테스트 사이트 - 개발 중인 베타 버전입니다

YouTube 동영상 ID

· 8년 전 · 3680

YouTube 동영상 ID

YouTube는 동영상을 저장 (또는 재생) 할 때 ID (예 : XGSy3_Czz8k)를 표시합니다.

이 ID를 사용하고 HTML 코드에서 동영상을 참조 할 수 있습니다.


HTML로 YouTube 동영상 재생하기

웹 페이지에서 비디오를 재생하려면 다음을 수행하십시오.

  • YouTube에 비디오 업로드
  • 동영상 ID를 기록해 둡니다.
  • 웹 페이지에 <iframe> 요소 정의
  • src 속성이 비디오 URL을 가리 키도록합니다.
  • width 및 height 속성을 사용하여 플레이어의 크기를 지정합니다.
  • 다른 매개 변수를 URL에 추가하십시오 (아래 참조).

예 - iFrame 사용 (권장)

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k"
>

</iframe>
 

YouTube 자동 재생

YouTube URL에 간단한 매개 변수를 추가하여 사용자가 해당 페이지를 방문하면 동영상이 자동으로 재생되기 시작하도록 설정할 수 있습니다.

참고 : 동영상 자동 재생을 선택할 때 신중하게 고려해야합니다. 비디오를 자동으로 시작하면 방문자를 괴롭 히고 결국 이익보다 해를 입힐 수 있습니다.

값 0 (기본값) : 플레이어로드시 비디오가 자동으로 재생되지 않습니다.

값 1 : 플레이어가로드되면 비디오가 자동으로 재생됩니다.

YouTube - 자동 재생

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1"
>

</iframe>
 

YouTube 재생 목록

쉼표로 구분 된 재생할 동영상 목록 (원본 URL과 함께).


YouTube 루프

값 0 (기본값) : 동영상이 한 번만 재생됩니다.

값 1 : 동영상이 반복됩니다 (영원히).

YouTube - 루프

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&loop=1"
>

</iframe>
 

YouTube 컨트롤

값 0 : 플레이어 컨트롤이 표시되지 않습니다.

값 1 (기본값) : 플레이어 컨트롤이 표시됩니다.

YouTube - 제어

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k?controls=0"
>

</iframe>
 

YouTube - <object> 또는 <embed> 사용

참고 : YouTube <object> 및 <embed>는 2015 년 1 월부터 지원이 중단되었습니다. 대신 <iframe>을 사용하도록 동영상을 이전해야합니다.

예 - <object> 사용 (사용되지 않음)

<object width="420" height="315"
data="https://www.youtube.com/embed/XGSy3_Czz8k"
>

</object>
 

예 - <embed> 사용 (더 이상 사용되지 않음)

<embed width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k"
>

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3168
3167
3166
3165
3164
3163
3162
3161
3160
3159
3158
3157
3156
3155
3154
3153
3152
3151
3150
3149
3148
3147
3146
3145
3144
3143
3142
3136
3135
3134