본문 바로가기

HTML

YOUTUBE 동영상 올리기 (iframe 태그, 루프, 자동재생, 뮤트)

 iframe태그를 사용하여 유튜브 동영상 올리기

 

 

 

유튜브에서 원하는 동영상을 찾아 공유 버튼을 누른다.

 

 

 

 

 

퍼가기 버튼 클릭!!!

 

 

 

원하는 곳에 소스코드를 복사하여 넣는다!

 

<iframe width="800" height="450" src="https://www.youtube.com/embed/yiq9H6XYj3o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

 

iframe의 속성

  • src : 삽입 할 홈페이지 좌표
  • name : 프레임 이름
  • width : 프레임 가로 너비
  • height : 프레임 세로 길이
  • srcdoc : 직접 태그소스를 iframe으로 표시할 수 있다.
  • mute=1 (뮤트)
  • autoplay=1 (자동재생)
  • loop=1 (반복) 

 

src="https://www.youtube.com/embed/yiq9H6XYj3o?autoplay=1&mute=1"

 

 

속성을 추가하려면 기존 유튜브 링크 주소 맨 뒤에 ?을 붙이고 속성을 추가해주면 된다.

여러 속성을 추가할 때에는 & 기호를 사용!

 

크롬에서는 자동재생을 뮤트와 함께 사용하여야함.

'HTML' 카테고리의 다른 글

HTML이 뭐에요?  (0) 2022.05.04
기초 셋팅 시작! / vscode설치 + 확장프로그램 설치  (0) 2022.05.04