D.evelop/MarkUp
유튜브 매개변수 - 영상 자동 재생, 연속재생, 컨트롤러 숨김 등
Danne
2020. 7. 14. 01:47
1. 페이지 로드 시 유튜브영상 자동 재생 방법
iframe의 src 링크 뒤에 ?amp;autoplay=1삽입
(정지=0, 재생=1 이며 기본값은 0)
* 스마트폰, 태플릿 등 모바일 기기에서는 영상재생 시 데이터가 소모되기 때문에 기기 설정에 따라 자동영상 재생에 제한이 있다고함.
<iframe width="" height-"" src="유튜브링크?amp;autoplay=1" frameborder="0" allowfullscreen></iframe> |
2. 한 영상을 반복해서 재생하기
iframe의 src 링크 뒤에 ?amp;loop=1삽입
(정지=0, 재생=1 이며 기본값은 0)
<iframe width="" height-"" src="유튜브링크?amp;loop=1" frameborder="0" allowfullscreen></iframe> |
3. 특정시간부터 재생
! 동영상 퍼가기 기능에 "시작 시간"을 입력하면 자동으로 코드가 생성됨
iframe의 src 링크 뒤에 ?start=숫자(초)삽입
<iframe width="" height-"" src="유튜브링크?start=30" frameborder="0" allowfullscreen></iframe> |
4. 컨트롤바 숨김
iframe의 src 링크 뒤에 ?controls=0삽입
(숨김 =0, 표시=1 이며 기본값은 1)
<iframe width="" height-"" src="유튜브링크?controls=0" frameborder="0" allowfullscreen></iframe> |
그 외 유튜브에서 제공하는 다양한 매개 변수
https://developers.google.com/youtube/player_parameters?hl=ko
유튜브 매개변수
자동 재생, 연속재생 등
반응형